layout_weight and layout_width = 0dp in a linearlayout create an unexpected layout

Question

i tried to put two buttons with the same size in linearlayout. my problem is that the left button isn't at the same height than the right one.

i searched for an answer but i didn't find anything related to my problem.

here a picture of what i get on an android 2.1 device: http://tinypic.com/r/eskb4n/5

i used this code: `

<LinearLayout
    android:layout_alignParentBottom="true"
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" 
    android:gravity="bottom">

    <Button
        android:id="@+id/take_pic_btn"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="@string/take_pic" />

    <Button
        android:id="@+id/from_gallery_btn"
        android:text="@string/from_gallery"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        />
</LinearLayout>`

thanks for your help!

EDIT: i used 0dp for layout_width instead of fill_parent..

i tried to create two buttons next to each other that have the same size and use all available space — Dominic Krause, Dec 19 '11 at 13:11
LadaRaider your answer didn't solve the problem. but thanks! — Dominic Krause, Dec 19 '11 at 13:22

score 0 · Answer 1 · answered Dec 19 '11 at 13:12

I see 2 possible solutions:

1) set fixed android:layout_height so both buttons will definitely take equal vertical space.

<LinearLayout
android:layout_alignParentBottom="true"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" 
android:gravity="bottom">

<Button
    android:id="@+id/take_pic_btn"
    android:layout_width="fill_parent"
    android:layout_height="40dip"
    android:layout_weight="1"
    android:text="@string/take_pic" />

<Button
    android:id="@+id/from_gallery_btn"
    android:text="@string/from_gallery"
    android:layout_width="fill_parent"
    android:layout_height="40dip"
    android:layout_weight="1"
    />

2) force text on button to take single line only.

<LinearLayout
android:layout_alignParentBottom="true"
android:id="@+id/linearLayout1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" 
android:gravity="bottom">

<Button
    android:id="@+id/take_pic_btn"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:singleLine="true" 
    android:maxLines="1" 
    android:text="@string/take_pic" />

<Button
    android:id="@+id/from_gallery_btn"
    android:text="@string/from_gallery"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:singleLine="true" 
    android:maxLines="1"
    />

score 0 · Accepted Answer · answered Dec 19 '11 at 13:24

0

You can set the android:layout_height="fill_parent" to both buttons.

Hope this helps!

answered Dec 19 '11 at 13:24

Dimitris Makris

5,183
2
34
54

layout_weight and layout_width = 0dp in a linearlayout create an unexpected layout

2 Answers2