Android Question Help with design settings

Hello
Can someone write me what I need to set in the design script when I want to see it on another display..ex tablet

Is it correct? What means X and Y? X=vertical and Y=horizontal? How.....
B4X:
'All variants script
'AutoScaleAll
lblPopis.Top=3%x
Panel1.Top=lblPopis.Bottom
Panel1.Bottom=95%y
btnRotavator.Top=60
btnChainSaw.Top=btnRotavator.Bottom+40
btnScarifier.Top=btnRotavator.Bottom+40
btnBlower.Top=btnScarifier.Bottom+40
btnJetWash.Top=btnBlower.Bottom+40
btnMower.Top=btnJetWash.Bottom+40
btnHedgeTrimmer.Top=btnMower.Bottom+40
btnStrimmer.Top=btnHedgeTrimmer.Bottom+40
btnTractor.Top=btnStrimmer.Bottom+40
btnChainSaw.Top=btnRotavator.Bottom+40
Label2.Bottom=100%y
Label2.Left=5
 

Attachments

  • test1.zip
    150.6 KB · Views: 87

BillMeyer

Well-Known Member
Licensed User
Longtime User
Good Day,
Start by looking at this Anchors

Then, get to know your design screen

1. Your selected control. Note the white dots - they correspond to #2.
2. Set your Anchors here
3. When you have designed your screen - send to the UI Cloud for a Quick check
4. Your Scripting Area

X = Horizontal
Y= Vertical
(until you flip the screen)

Note Top Right - Use Check Anchors to make sure you have done it right.

If your devices is connected (F2 - bottom left will tell you if you are connected or not) , then you can connect to that to see in real time what your design looks like

After using "F6" Send to UI Cloud, you get this in your browser


You can immediately see that you have a problem with the Nexus 5x 5" screen. This implies that you might need to add a derivative to counter this problem.
Try to avoid using many derivatives as this become hard to maintain and cause a lot of overhead.

What I sometimes do is create 2x derivatives just for a tablet (800 x 1280) or (1280 x 800) - although this I do not do often as I do not write much for tablets.

I trust this will go some way to clear up your problem.
 
Upvote 0
Cookies are required to use this site. You must accept them to continue using the site. Learn more…