Button half width of screen

Question

I have a single button in a linear layout. I want the button to take up half the width of its parent. Is there a way to do this in the layout xml.

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_horizontal"
    android:padding="6dp">

    <Button
        android:id="@+id/buttonCollect"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="@string/hello"
        android:paddingLeft="8dp"
        android:paddingRight="8dp"/>

</LinearLayout>

My question is much like this one Assign width to half available screen width declaratively except I only have a single button.

possible duplicate of [Assign width to half available screen width declaratively](http://stackoverflow.com/questions/2581481/assign-width-to-half-available-screen-width-declaratively) — Saif, Dec 14 '14 at 06:34

kabuko · Accepted Answer · 2014-02-04T23:57:50.380

80

Yep, the solution is very similar to that question, but you also want to set the weightSum of the parent LinearLayout:

<LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:gravity="center_horizontal"
    android:padding="6dp"
    android:weightSum="2">

    <Button
        android:id="@+id/buttonCollect"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:text="@string/hello"
        android:paddingLeft="8dp"
        android:paddingRight="8dp"
        android:layout_weight="1" />

</LinearLayout>

edited Feb 04 '14 at 23:57

answered Feb 27 '12 at 19:15

kabuko

36,028
10
80
93

2

Oh, and yeah if you really want exactly half, starting with a 0dp width as others mentioned is usually a good idea. – kabuko Feb 27 '12 at 19:20
I Have card view as parent and in that relative layout is there. I used above technique but not worked. – Prashanth Debbadwar Aug 06 '15 at 10:23

score 5 · Answer 2 · answered Feb 27 '12 at 19:13

5

You need to set a 0.5 (half) weight, and set the width to 0.

<Button
    android:id="@+id/buttonCollect"
    android:layout_width="0dip"
    android:layout_weight="0.5"
    android:layout_height="match_parent"
    android:text="@string/hello"
    android:paddingLeft="8dp"
    android:paddingRight="8dp"/>

answered Feb 27 '12 at 19:13

Knossos

15,802
10
54
91

I Have card view as parent and in that relative layout is there. I used above technique but not worked. – Prashanth Debbadwar Aug 06 '15 at 10:24
1

@PrashanthDebbadwar Make a new question, supply your own xml. Writing a comment under a 3 year old answer isn't going to yield fruit. – Knossos Aug 06 '15 at 10:32

zeeshan · Answer 3 · 2014-11-25T16:00:21.667

None of these solutions worked for me on Android L. I had to do wrap_content as below:

<Button
    android:layout_gravity="center"
    android:id="@+id/btnSignin"
    android:layout_width="wrap_content"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:layout_height="wrap_content"
    android:text="@string/btn_signin"
    android:layout_marginBottom="@dimen/activity_vertical_margin" />

score 0 · Answer 4 · answered Feb 27 '12 at 19:14

0

Exactly the same as the question you posted, just use a dummy view instead:

<View 
android:weight="1"
android:layout_width="0dp"
android:layout_height="match_parent"/>

answered Feb 27 '12 at 19:14

dmon

30,048
8
87
96

Button half width of screen

4 Answers4

Linked

Related