Android中的表格布局安排

Question

如何安排如下图片的控件。

我已经与下面的XML代码试过，

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/tableLayout1" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 

<TableRow 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="5dip" > 

    <TextView 
     android:id="@+id/textView1" 
     android:text="Device Status" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <ToggleButton 
     android:id="@+id/toggleButton1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" 
     android:layout_column="2" 
     android:textOff="Device Off" 
     android:textOn="Device On" />  
</TableRow> 

<TableRow 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="5dip" > 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_column="2" 
     android:text="Save" 
     android:onClick="onSaveButtonClick" 
     /> 
</TableRow>  
    </TableLayout> 

但我得到导致这样的（我需要设备状态之间和开/关一些间隙）

高级谢谢

Answer 1

试试这个

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@+id/tableLayout1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <TableRow android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:padding="5dip"> 
     <TextView android:id="@+id/textView1" 
      android:layout_width="0dp" 
      android:layout_weight="1" 
      android:text="Device Status" 
      android:textAppearance="?android:attr/textAppearanceLarge"/> 
     <ToggleButton android:id="@+id/toggleButton1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="right" 
      android:layout_column="2" 
      android:textOff="Device Off" 
      android:textOn="Device On"/>  
    </TableRow> 
    <TableRow android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:padding="5dip" 
     android:gravity="right"> 
     <Button android:id="@+id/button1" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_column="2" 
      android:text="Save" 
      android:onClick="onSaveButtonClick"/> 
    </TableRow>  
</TableLayout> 

Answer 2

用这个替换你的布局。

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/tableLayout1" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent" > 

<TableRow 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:padding="5dip" android:gravity="right" > 

    <TextView 
     android:id="@+id/textView1" 
     android:layout_width="fill_parent" 
     android:text="Device Status" 
     android:layout_weight="1" 
     android:textAppearance="?android:attr/textAppearanceLarge" /> 

    <ToggleButton 
     android:id="@+id/toggleButton1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="right" 
     android:layout_column="2" 
     android:textOff="Device Off" 
     android:textOn="Device On" />  
</TableRow> 

<TableRow 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="right" 
    android:padding="5dip" > 

    <Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_column="2" 
     android:text="Save" 
     android:onClick="onSaveButtonClick" 
     /> 
</TableRow>  
    </TableLayout> 

Answer 3

试试这个：

变化的android：layout_width = “WRAP_CONTENT” 到Android：layout_width = “0dp”，并切换按钮重心向右。