Set two buttons to same width regardless of screen size?

Question

Ok, i have two buttons in linear layout:

<LinearLayout android:id="@+id/linearLayout1" 
              android:layout_height="wrap_content" 
              android:layout_width="fill_parent">
        <Button android:id="@+id/aktiviraj_paket" 
                android:text="Aktiviraj" 
                android:layout_height="40sp" 
                android:layout_width="160sp" 
                android:background="@drawable/my_border3" 
                android:onClick="myClickHandle"></Button>
        <Button android:id="@+id/deaktiviraj_paket" 
                android:text="Deaktiviraj" 
                android:layout_height="40sp" 
                android:layout_width="fill_parent" 
                android:background="@drawable/my_border3"
                android:onClick="myClickHandle">
        </Button>
</LinearLayout>

So the thing is, if I use fill parent on both buttons, they are one on each other, so i have made first button 160sp width, and second is fill_parent. If this is shown on 4 inch screen or smaller, buttons are the same size, but if i try this on tablet (10 inch) first button stays 160sp wide, and second is stretched till the end of screen (because fill_parent). Can i make this, so both buttons could be even size in no matter what size is the screen ??

Che Jami · Accepted Answer · 2012-07-29T19:54:43.723

104

Use android:layout_weight="1" on both Buttons. Set android:layout_width="0dp" on both. Since both buttons now have equal weighting, they will now each have half the parent's width.

You can find out more here: http://developer.android.com/guide/topics/ui/layout/linear.html

edited Jul 29 '12 at 19:54

answered Aug 08 '11 at 12:53

Che Jami

5,151
2
21
18

score 24 · Answer 2 · answered Jul 14 '14 at 20:21

If what you're looking to do is to make all the buttons the width of the widest button, setting weights isn't going to do that. Rather, you can put all the buttons in a TableLayout:

   <TableLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/short_text" />
        </TableRow>

        <TableRow
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/enter_manually" />
        </TableRow>
    </TableLayout>

This layout will show 2 buttons, one on top of the other, the same width.

I prefer using this method instead of using the weight attribute. It is definetely underrated. — TheLearner, Oct 27 '16 at 22:20

score 5 · Answer 3 · answered Aug 08 '11 at 12:52

5

set to each button:

android:layout_weight="0.5"
android:layout_width="0dp"

answered Aug 08 '11 at 12:52

Bogdan M.

1,726
3
15
24

Prits Ramani · Answer 4 · 2017-12-14T04:53:24.530

3

<LinearLayout
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_weight="1"
        android:text="One" />

    <Button
        android:id="@+id/button2"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_weight="1"
        android:text="Two" />
</LinearLayout>

These is the example for equal size buttons for side by side can be done from above code

android:layout_weight

is used to assign space for buttons or whatever of equal amount for every child of LinearLayout.

Note: It works only on linear layout.

edited Dec 14 '17 at 04:53

answered Dec 09 '17 at 19:26

Prits Ramani

100
4

please add some more commentry to your answer. what did you cahnge? why is your answer right? what have you corrected? please look over your answer and add some more Details. thanks. – cramopy Dec 09 '17 at 19:53
okay @cramopy tell me if you still want detailed description. – Prits Ramani Dec 14 '17 at 18:44

score 3 · Answer 5 · answered Aug 09 '11 at 10:18

3

Display display=getWindowManager().getDefaultDisplay();
    int width=display.getWidth();
    btn1.setWidth(width/2);
    btn2.seTwidth(width/2);

Set anything in xml file then first find width of device then set width half to both button Now On every device they will look exactly same

answered Aug 09 '11 at 10:18

Tofeeq Ahmad

11,935
4
61
87

4

I think this solution goes against the spirit of defining the layout in an XML resource. Che Jami's solution is better. – Umar Farooq Khawaja Feb 26 '12 at 01:43
This solution is the best for me better than xml. Thank you. – Jack May 21 '15 at 18:55

score 2 · Answer 6 · edited Feb 08 '15 at 20:47

2

android:layout_weight="0.5"
android:layout_width="0dp

it's working

edited Feb 08 '15 at 20:47

Bhargav Rao

50,140
28
121
140

answered Feb 08 '15 at 20:35

Baris C

66
6

score 1 · Answer 7 · answered Jun 02 '17 at 07:05

1

Set android:layout_weight="1" in the containing layout The linear layout should have android:orientation set as horizontal. And then the inside buttons should have the following:

android:layout_width="0dp"

android:layout_weight="0.5"

answered Jun 02 '17 at 07:05

Dibyendu Mitra Roy

1,604
22
20

score 1 · Answer 8 · edited Dec 14 '18 at 01:41

1

This is working:

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <Button
        android:layout_width="0dp"
        android:layout_weight="0.5"
        android:layout_height="wrap_content"
        android:text="my btn 1"/>
    <Button
        android:layout_width="0dp"
        android:layout_weight="0.5"
        android:layout_height="wrap_content"
        android:text="my btn 2"/>
    </LinearLayout>

edited Dec 14 '18 at 01:41

bunbun

2,595
3
34
52

answered Dec 13 '18 at 10:58

ata rezapouri

11
1

1

A comment on how / why your code solves the problem would go a long way to make it more helpful. – planetmaker Dec 13 '18 at 11:52

score -1 · Answer 9 · answered May 15 '19 at 11:18

You can set them in linear layout nested in relative layout like this

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:gravity="center"
    android:orientation="vertical">



        <Button
            android:id="@+id/bestBtn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:layout_marginBottom="5dp"
            android:textAllCaps="false"
            android:textSize="16sp"
            android:textColor="@color/grey_light2"
            android:background="@drawable/sharefb_btn"
            android:text="@string/sharefb" />
        <Button
            android:id="@+id/playBtn"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textColor="@color/grey_light2"
            android:textAllCaps="false"
            android:textSize="16sp"
            android:layout_marginBottom="50dp"
            android:textStyle="bold"
            android:background="@drawable/puzzle_opening_btn_ncvtelen_3"
            android:text="@string/playagain" />

</LinearLayout>

and you will get somethiing like that

score -1 · Answer 10 · answered Dec 20 '21 at 09:16

-1

You can set android:layout_width="match_parent". by setting android:layout_marginHorizontal to a fixed value in a Layout android:orientation="vertical" will make the buttons same size.

answered Dec 20 '21 at 09:16

Priyanthi

1,715
2
10
7

Set two buttons to same width regardless of screen size?

10 Answers10

Linked