Problem Sizing/Density With Small Phones

MIT App Inventor Help
1

Problem with the sizing of components in different phones:
Workout PRO - Download FREE on Google Play Store

Original design on Samsung Galaxy S9 which was I wanted to achieve:

samsung1
samsung1720×1301 142 KB
samsung2
samsung2720×1480 131 KB

My sizing on Design below actually looks OK on new phones with “Responsive” selection.

samsung1
samsung11038×1452 188 KB

However;

  1. Sony (Time and exercise name disappears. Half of the some images appears.)

sony1
sony1514×1070 116 KB
sony2
sony2510×1079 96.3 KB

  1. Other examples on different phones:

y1
y1810×1440 121 KB
x1
x1678×1266 150 KB
x2
x2607×1020 92.1 KB
y2
y2899×1599 48.6 KB

Any recommendations? :roll_eyes:

2

This may help you out a bit:
https://www.imagnity.com/tutorials/app-inventor/universal-screen-size-using-app-inventor/

Mike.

1 Like
3

see an example here

and here

the tools extension offers the method Density you can use for your calculations
density
Returns the density of the device. For more information see here.
See here for an example how to use that method.

Taifun

Trying to push the limits! Snippets, Tutorials and Extensions from Pura Vida Apps by Taifun.

3 Likes