XML Table layout? Two EQUAL-width rows filled with equally width buttons? XML Table layout? Two EQUAL-width rows filled with equally width buttons? android android

XML Table layout? Two EQUAL-width rows filled with equally width buttons?


To have buttons in rows where buttons are the same size you need to do.

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

And fill in the other xml properties for your buttons.

The magic is in the layout_weight and width properties. You don't need the Table layout. These properties tell the layout that your views should take up equal space in the parent layout.


In addition to the accepted answer:

I had a similar problem where I needed several images in a grid with equal column widths, so I used a table layout. It worked, but as the images loaded asynchronously, the corresponding columns would take up the entire width until all columns had at least one image in them.

I solved this using Robby Pond's solution, but it didn't work for the last row, which didn't necessarily have as many images as the other rows, stretching those images to take up all available space when I wanted them to fit in the same columns as above. To combat this, I filled the remaining empty columns of that row with regular View objects,

using the same layout parameters as all the other images:

width = 0, weight = 1. And that solved it!


Nice example (originally from http://androidadvice.blogspot.com/2010/10/tablelayout-columns-equal-width.html)

Tested and working:

<TableRow>  <!-- Column 1 -->  <TextView     android:id="@+id/tbl_txt1"     android:layout_width="0dip"     android:layout_height="wrap_content"     android:background="@color/red"     android:textColor="@color/white"     android:padding="10dip"     android:layout_margin="4dip"     android:layout_weight="1"     android:text="Column 1" />  <!-- Column 2 -->  <TextView     android:id="@+id/tbl_txt2"     android:layout_width="0dip"     android:layout_height="wrap_content"     android:background="@color/red"     android:textColor="@color/white"     android:padding="10dip"     android:layout_margin="4dip"     android:layout_weight="1"     android:text="Column 2" />  <!-- Column 3 -->  <TextView     android:id="@+id/tbl_txt3"     android:layout_width="0dip"     android:layout_height="wrap_content"     android:background="@color/red"     android:textColor="@color/white"     android:padding="10dip"     android:layout_margin="4dip"     android:layout_weight="1"     android:text="Column 3" /></TableRow>