Android Question Regarding Aligning controls

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Jan 20, 2019

• #2

Nitin Joshi said:

I am still confuse/not clear about how to use AutoScalRate/AutoScale/%x/%y.
I am still not clear where shall I write my code, in Scale - General or Scale - General

Click to expand...

You haven't mentioned the most important feature - anchors.

Use a single variant and don't write anything in the variant specific script.

Watch the visual designer video tutorial: https://www.b4x.com/etp.html

 

Upvote 0

kisoft

Well-Known Member

Licensed User

Longtime User

• Jan 20, 2019

• #3

Hi
Unfortunately, I also have a problem understanding the anchor system. That's why I use the designer script.

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Jan 20, 2019

• #4

@Erel: What do you mean by..."Use a single variant and don't write anything in the variant specific script."

Meanwhile, I am sharing my recent experience. I have added a panel on which there are 2 buttons in my project. Panel is visible when any one of button from B001 to B008 is double clicked.

Please see below the visual appearance on designer vs. on my mobile. Panel is highlighted in border. Panel background is Orange.

 

Attachments

• upload_2019-1-20_20-20-38.png

  18.8 KB · Views: 191

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Jan 21, 2019

• #5

kisoft said:

Unfortunately, I also have a problem understanding the anchor system. That's why I use the designer script.

Click to expand...

This post doesn't add anything useful to this thread. Start a new thread if you have any question. I must say that anchors are very simple to use. Watch the video tutorial and you will understand.

Nitin Joshi said:

Please see below the visual appearance on designer vs. on my mobile. Panel is highlighted in border. Panel background is Orange.

Click to expand...

You should create a small project with the layout and upload it. I don't know if it is related or not however buttons have an elevation of 2dip. If you put a panel over buttons then you should set its elevation to 3dip or more.

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Jan 26, 2019

• #6

Ok Erel, I will create a small project and will upload for analysis....

Thanks..

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Feb 11, 2019

• #7

Hi Erel, I have attached sample project. Please explain what could be the correct method for keeping controls placement same as designer.

I am still struggling on control placement. Appearance on designer window is never same on Mobile/Tab.

 

Attachments

• Sample1.zip

  9.2 KB · Views: 186

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Feb 12, 2019

• #8

I've removed the call to AutoScaleAll from the variant specific script. Don't use variant specific scripts at all.

Why have you added these two lines:

B4X:

Activity.Height=GetDeviceLayoutValues.Height
   Activity.Width=GetDeviceLayoutValues.Width

Where do they come from? Have you seen any tutorial with these lines?

I ran your program and the layout looks as I expect it. You should post a screenshot and explain the problem.

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Feb 12, 2019

• #9

Hi Erel, As you have mentioned above, I have removed AutoScaleAll from variants however appearance on my mobile is not proper. Please see the screen shots.

Please recommend me how to make appearance on mobile which should look same as we see on designer.

Actually, I have stuck due to this, rest all fine.

 

Attachments

• Screenshot_20190212_210817_Sample.Test1.png

  87.8 KB · Views: 196
• Screenshot_20190212_210910_Sample.Test1.png

  64.7 KB · Views: 196
• Screenshot_20190212_211016_Sample.Test1.png

  61.8 KB · Views: 198
• Screenshot_20190212_211041_Sample.Test1.png

  60.1 KB · Views: 192

Upvote 0

Erel

B4X founder

Staff member

Licensed User

Longtime User

• Feb 13, 2019

• #10

Where is the problem? In landscape mode?

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Feb 16, 2019

• #11

Hi Erel, both are not as per design.

 

Upvote 0

N

Nitin Joshi

Active Member

Licensed User

• Feb 22, 2019

• #12

Hi Erel, I am waiting for the feedback from you.

 

Upvote 0

klaus

Expert

Licensed User

Longtime User

• Feb 22, 2019

• #13

I would do it like in the attached modified project.

EDIT: updated the file acroding to post #15.

 

Attachments

• Sample2.zip

  9.4 KB · Views: 188

Last edited: Feb 23, 2019

Upvote 0

aeric

Expert

Licensed User

Longtime User

• Feb 23, 2019

• #14

You need to put the view at bottom of the list if you want it appear on top of the others. Check the left side (Views Tree).
I think it is better to use Dialog view for pop up dialog.

 

Upvote 0

E

emexes

Expert

Licensed User

• Feb 23, 2019

• #15

klaus said:

I would do it like in the attached modified project.

Click to expand...

+1 this works. Intriguingly, buttons T001 and T002 are anchored differently to T003 and T004, but victory is grasped from the jaws of defeat by the fact that the panel is scaled by the same factor. I'm not sure whether to be impressed or freaked out by the way this latent bug is inadvertently masked over.

;-)

 

Upvote 0

klaus

Expert

Licensed User

Longtime User

• Feb 23, 2019

• #16

buttons T001 and T002 are anchored differently to T003 and T004,

Click to expand...

Of course, this is a mistake .
Updated the file in post #13.

 

Upvote 0

E

emexes

Expert

Licensed User

• Feb 23, 2019

• #17

Ah... I thought you were demonstrating the resilience of the b4a layout system (and it was a doozy of a demo - took me a few minutes to work out why it wasn't falling over like it should!)

 

Upvote 0

klaus

Expert

Licensed User

Longtime User

• Feb 23, 2019

• #18

It doesn't fail because with AutoScaleAll, all the dimensions, including the Edge Distances, are multiplied by the same factor, therefore they are all proportional.

 

Upvote 0