About Screen Layout

[Anke]

@SunlineX

However, unfortunately, I couldn't find a topic about image size.

[Problem] Google Play App Crash Reports

The resolution of the image, which are set in the app, should correspond exactly to the actual ones and vice versa: [grafik] If you want this resolution (186x120px, like the image is shown in your app) you can / should set it to automatic, otherwise you should resize the image (you uploaded in the assets) to the required resolution. For more details see here: http://ai2.appinventor.mit.edu/reference/other/usingImages.html Rule: Resize images to make them not too large and not too small, bu…

I have Error when loading screen with 40 images, is there a limit of images in a screen?

Post the aia. The resolution of the image, which are set in the app, should correspond exactly to the actual needed ones and vice versa. See also e.g. here:

[SunlineX]

Thank you for teaching me various things.
I took in the sample aia file 1 and 2 that you made and saw the difference with my app.

When looking at the Screen4, the width of app is narrower.
I looked at the width of the components. However, it has not changed.
I have really lost my way.
I have been in AI2 for half a year since the last summer.
I don't know the programming language.
App development has seemed very difficult.
But I will study without giving up.
thank you for everything.
Please tell me someday again.

[Anke]

@SunlineX

When looking at the Screen4, the width of app is narrower.

Screen4 should look like this. Doesn't it?

Set the buttons background to Light Gray.

[SunlineX]

Hello. Thank you for always.
I searched for "Image Size" in the topic search.
But the topic I was looking for wasn't there.
Next, I checked with "Image resolution".
Certainly there were many.
I read here.
AboutUsingImageResolution

And again, you checked the topic you were answering and saw the response.

1: An image used to fill the width of the designer screen.
The resolution of the image may be slightly larger than the smartphone size "505.320" by default.
2: If you use a lot of images on your table or canvas, you need to reduce the image resolution to prevent the app from crashing.
3: I used a lot of large pixel images with a width of 1000 pixels or more as images that fit the designer screen width, but even if it is large, the width should be less than 800 pixels.

Is there a mistake in the way of thinking of 1, 2 and 3?

Thank you for teaching me various things.
Thanks.

[SunlineX]

Yes, that's right.

Is this a phenomenon caused by changing "Sizing" of "Screen 1" to "Responsive"?

If so, should I set it to "Automatic" without specifying the "Layout Component" to place on each screen and the width size of the various components to place in it?

[SunlineX]

I7m sorry. I misunderstood it as a "Screen 5" problem.

Is it necessary for the button color mentioned here to be light gray instead of red, because it is easy for anyone to see and is related to "accessibility"?

[SunlineX]

Thank you to all supporters.
Thanks to everyone, the app has been completed.
And I was able to publish a Kindle book about AI2 yesterday.
Thanks.