Android: how to set two buttons in vertical linear layout to same width?

Question

In my Android app I want to create a dialog window that contains an image on top, some info text in the middle, and two buttons below. These two buttons are within a linear layout with vertical orientation. Both sould be of the same width.

I have managed to create a similar layout as described, however, the button with the longer text on it becomes wider than the other one. In the attached picture, the lower button is a bit wider than the button above, as marked by the dotted red line.

problematic layout

The layout I use for this inner linear layout looks as follows:

<LinearLayout android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content"> <Button android:id="@+id/close_dialog_button_ok" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/upload_dialog_ok" android:layout_marginLeft="10dip" android:layout_marginRight="10dip" android:layout_marginTop="10dip" /> <Button android:id="@+id/close_dialog_button_cancel" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/upload_dialog_cancel" android:layout_marginRight="10dip" android:layout_marginTop="10dip" android:layout_marginBottom="5dip" /> </LinearLayout>

Any ideas what I am doing wrong here?
Thanks in advance for your help!

ankri.de · Accepted Answer · 2012-07-30 21:52:55Z

3

You forgot to set android:layout_marginLeft="10dip" on the second button

answered Jul 30, 2012 at 21:52

ankri.de

4453 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

edwoollard Over a year ago

I was presuming that he knew that. If he didn't set that in his actual project, then this will be the correct answer. If not, then please check mine.

Matthias Over a year ago

ohh dear! shame on me... thanks for your quick reply, of course you're right :)

edwoollard · Accepted Answer · 2012-07-30 21:53:06Z

You will have to change the 'android:layout_width="fill_parent"' to something like '200dp' if you want them to be the same. As the app will make one of them longer due to the text inside being longer. So try setting both buttons to this:

 android:layout_width="200dp"

They will then be the same and due to using 'dps', should still stay in proportion correctly on all screen sizes.

I think you're confusing wrap_content with match_parent (aka fill_parent). The latter will match its parent's inner width, regardless of the contents of the button.

Collectives™ on Stack Overflow

Android: how to set two buttons in vertical linear layout to same width?

2 Answers 2

2 Comments

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Related