如何在Android中製作像佈局的網格

Question

我想在一個水平線上製作一個三個按鈕（每個寬度相同）的佈局。

xxxx xxxx xxxx 
xxxx xxxx xxxx 

X代表按鈕。我如何分配33％到每個單元格，然後在裏面添加一個不拉伸的按鈕？

Answer 1

一種方法是使用一個LinearLayout，與android:layout_weight="1"：

<LinearLayout 
    android:layout_height="wrap_content" 
    android:layout_width="match_parent" 
    android:orientation="horizontal"> 
    <Button 
     android:text="Button 1" 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:layout_weight="1" /> 
    <Button 
     android:text="Button 2" 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:layout_weight="1" /> 
    <Button 
     android:text="Button 3" 
     android:layout_height="wrap_content" 
     android:layout_width="0dp" 
     android:layout_weight="1" /> 
</LinearLayout> 

Answer 2

您應該可以使用TableLayout：3列，2行，stretchMode爲spacingWidthUniform。

編輯：沒有嘗試過，但這應該工作;

<TableLayout android:id="@+id/TableLayout01" 
     android:layout_height="wrap_content" android:layout_width="fill_parent" android:stretchMode="spacingWidthUniform"> 
     <TableRow android:id="@+id/TableRow01" android:layout_width="fill_parent" 
      android:layout_height="wrap_content"> 
      <Button android:layout_width="wrap_content" 
       android:layout_height="wrap_content" android:text="Settings" 
       android:id="@+id/btnSettings"></Button> 
      <Button android:text="@+id/Button01" android:id="@+id/Button01" 
       android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
      <Button android:text="@+id/Button02" android:id="@+id/Button02" 
       android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
     </TableRow> 
     <TableRow android:id="@+id/TableRow02" android:layout_width="fill_parent" 
      android:layout_height="wrap_content"> 
      <Button android:text="@+id/Button03" android:id="@+id/Button03" 
       android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
      <Button android:text="@+id/Button04" android:id="@+id/Button04" 
       android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
      <Button android:text="@+id/Button05" android:id="@+id/Button05" 
       android:layout_width="wrap_content" android:layout_height="wrap_content"></Button> 
     </TableRow> 
    </TableLayout>