0

How do I create this layout in android 

---------------------
|col1 | col2 | col3 |
|  col1   |  col2   |
---------------------

The first row is 3 columns equal width, and the second row is 2 row equal width. Is it possible to create this in TableLayout ? I did try width android:layout_span="2" for the last cell, but it does not end up in equal width.

<TableLayout
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content">
    <TableRow android:layout_marginTop="6dp">
        <Button 
            android:id="@+id/button1"
            android:layout_weight="33"
            android:textStyle="bold"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button2"
            android:layout_weight="33"
            android:textStyle="bold"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button8"
            android:layout_weight="33"
            android:textStyle="bold"
            android:text="@string/percent" />
    </TableRow>
    <TableRow android:layout_marginTop="6dp">
        <Button 
            android:id="@+id/button3"
            android:layout_weight="60"
            android:textStyle="bold"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button4"
            android:layout_weight="40"
            android:layout_span="2"
            android:textStyle="bold"
            android:text="@string/percent" />
    </TableRow>
</TableLayout>
4

2 回答 2

1

您可以使用 LinearLayout 来获得该结果，试试这个：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >
       <Button 
            android:id="@+id/button1"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button2"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:textStyle="bold"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button8"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:text="@string/percent" />

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal" >

         <Button 
            android:id="@+id/button3"
            android:layout_weight="1"
            android:textStyle="bold"
            android:layout_height="wrap_content"
            android:text="@string/percent" />
        <Button 
            android:id="@+id/button4"
            android:layout_weight="1"
            android:layout_height="wrap_content"
            android:textStyle="bold"
            android:text="@string/percent" />
</LinearLayout>

</LinearLayout>
于 2012-11-13T10:28:59.677 回答
0

在第 2 行中，不要使用跨度并放置相等的权重：

<TableRow android:layout_marginTop="6dp" >

    <Button
        android:id="@+id/button3"
        android:layout_weight="50"
        android:text="@string/percent"
        android:textStyle="bold" />

    <Button
        android:id="@+id/button4"
        android:layout_weight="50"
        android:text="@string/percent"
        android:textStyle="bold" />
</TableRow>
于 2012-11-13T10:23:12.693 回答