Android Question Center Align Buttons in a row

kozbot

Member
Licensed User
Longtime User
Hi all,

I have 5 social media buttons in a row along the bottom of my app, but no matter what I do, I can't center the middle button without it skewing out of shape on different phones. Does anyone have a way to align all the buttons so that they look the same on all phones. My buttons are currently on a panel, I've added an image of what I'm trying to achieve, but this is on my personal phone, when I see the UI Cloud, it looks terrible and cut off on others.

Thanks in advance for the help!!!!

 
Sort by date Sort by votes

LucaMs

Expert
Licensed User
Longtime User
I think you have two options:

a) Fixed buttons: in this case you will have to use percentages related to the panel for their size and distances;

Example:
B4X: 
pnlBottom.Width = 100%x ' or other

ButtonWidth = pnlBottom.Width * .15
HorDist = (pnlBottom.Width - 5 * ButtonWidth) / 4

btnFB.Width = ButtonWidth
btnFB.Height = btnFB.Width ' if it should be squared
btnFB.Left = ...

btnGoogle.Width = btnFB.Width
btnGoogle.Height = btnFB.Height
btnGoogle.Left = ... + HorDist

' etc.


pnlBottom.Height = btnFB.Height



b) sliding buttons: use a HorizontalScrollView or another view.


Note: I have an old designer; with the new there may be easier solutions
 
Last edited:
Upvote 0
You must log in or register to reply here.

Similar Threads

  • Article
B4A Library [B4X] DSE_Layout - Align and Spread Controls
Replies
7
Views
3K
epiCode
N
  • Question
Android Question B4A Buttons Alignment
Replies
3
Views
2K
Erel
  • Article
Android Code Snippet Center Align Spinner Text: 95% perfect workaround
Replies
0
Views
3K
vascofire
  • Question
Android Question B4XComboBox Center align
Replies
1
Views
984
mangojack
F
  • Locked
  • Question
Android Question b4x table view number right alignment and text left alignment
Replies
16
Views
4K
Erel
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…