表格布局挡板答案

【问题标题】：Table Layout baffle表格布局挡板
【发布时间】：2011-04-01 19:24:45
【问题描述】：

我正在与 Android UI 搏斗，试图创建一个表格布局，该布局有两行，每行有两个按钮。我希望每个按钮占据行中 50% 的空间。但是，无论我将 layout_width 和 layout_height 设置为什么，我总是在每一行中得到两个窄按钮。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
   android:orientation="horizontal"
  android:id="@+id/tablelayout" >
<TableRow>
<Button  
    android:id="@+id/btn_one" 
    android:tag="1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:text=""/>
<Button  
    android:id="@+id/btn_two" 
    android:tag="2" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:text="" 
    android:padding="0px"/>
</TableRow>
<TableRow>
<Button  
    android:id="@+id/btn_three" 
    android:tag="3" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:text=""/>
<Button  
    android:id="@+id/btn_four" 
    android:tag="4" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:text=""/>
</TableRow>
</TableLayout>
</LinearLayout>

【问题讨论】：

标签： android tablelayout

【解决方案1】：

答案是使用神奇的 layout_weight 参数。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
   android:orientation="horizontal"
  android:id="@+id/tablelayout" >
<TableRow
    android:layout_weight="1">
<Button  
    android:id="@+id/btn_one" 
    android:tag="1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1"
    android:text=""/>
<Button  
    android:id="@+id/btn_two" 
    android:tag="2" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1"
    android:text="" 
    android:padding="0px"/>
</TableRow>
<TableRow
    android:layout_weight="1"
>
<Button  
    android:id="@+id/btn_three" 
    android:tag="3" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1"
    android:text=""/>
<Button  
    android:id="@+id/btn_four" 
    android:tag="4" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:layout_weight="1"
    android:text=""/>
</TableRow>
</TableLayout>
</LinearLayout>

【讨论】：