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”并将切换按钮重力转到右边。