how to add 3 buttons in a android layout and let each be 33,3% width?

Question

i have a problem, i need to put 3 buttons in a android layout, but:

they should all be in one row
they should all be 33,3% width of the display width

i tryed some things with a table and stack layout but did not manage to get it to work with the width.

please help me

What are the things that you've tried? – jbowes Nov 01 '12 at 16:56 — jbowes, Nov 01 '12 at 16:56

score 6 · Accepted Answer · answered Nov 01 '12 at 16:56

Use a LinearLayout as the root, then make give each button the attribute android:layout_weight="1" - which will make them all equal weights, and take up the space.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="5dip"
android:orientation="horizontal" >
<Button
    android:id="@+id/rvButton" 
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="1"
    />
<Button
    android:id="@+id/rvButton" 
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="1"
    />
<Button
    android:id="@+id/rvButton" 
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_weight="1"
    />

you should include a `0dip Hack`. that will optimize View-measuring — Rafael T, Nov 01 '12 at 17:01

score 3 · Answer 2 · edited Nov 05 '12 at 18:57

3

Take a Linear Layout with Horizontal orientation and put equal weight as below.

<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content">
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"/>
<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"/>

<Button
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"/>
</LinearLayout>

edited Nov 05 '12 at 18:57

xdumaine

10,096
6
62
103

answered Nov 01 '12 at 16:58

TNR

5,839
3
33
62

I think you mean either "wrap_content" or "match_parent" :) – dennisdrew Nov 01 '12 at 17:43
I mean wrap_content only as it doesn't take full screen height. If questionnaire wants to use whole screen height for buttons only then he can use match_parent. – TNR Nov 02 '12 at 03:40
I was saying because you said "wrap_parent" ...which isn't a valid option – dennisdrew Nov 02 '12 at 21:08

score 3 · Answer 3 · answered Nov 01 '12 at 16:58

3

try this:

<LinearLayout
  android:layout_with="fill_parent"
  android:layout_height="warp_content"
  android:orientation="horizontal"
  android_weight_sum="3">
  <View 
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight=1 />
  <View 
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight=1 />
  <View 
    android:layout_width="0dip"
    android:layout_height="wrap_content"
    android:layout_weight=1 />
</LinearLayout>

Your LinearLayout has a sum of 3 and each View inside takes exactly one third in space of it

answered Nov 01 '12 at 16:58

Rafael T

15,401
15
83
144

Setting the weight sum is optional. See http://stackoverflow.com/questions/2698817/linear-layout-and-weight-in-android – xdumaine Nov 01 '12 at 17:02
1

I know, but I think it makes it a little more clearer what happens, AND the Views/Buttons keep their size if one of the Buttons has set its visibility to `GONE`. This may, or may not be intendet behavior – Rafael T Nov 01 '12 at 17:02

how to add 3 buttons in a android layout and let each be 33,3% width?

3 Answers3