2012-11-13 34 views
0

如何創建這種佈局在機器人如何創建這種佈局在機器人

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

的第一行是3列相等的寬度,並且所述第二行是2行相等的寬度。 是否可以在TableLayout中創建它? 我沒有嘗試寬度android:layout_span =「2」爲最後一個單元格,但它不會以相等的寬度結束。

<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> 
+0

你嘗試使用兩個TableLayouts?我的意思是將您的根佈局更改爲RelativeLayout,然後添加兩個TableLayouts,一個處理3列,另一個處理2列。 – dumbfingers

+2

提示:在** LinearLayout *內部使用**權重**,並且易於實現... – waqaslam

+0

您使用layout_weight 60和40作爲第二個表格行上的兩個組件。使用50和50 –

回答

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> 
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>