如何在不使用嵌套布局的情况下将复选框置于 EditText 下方居中？

Question

在下面的屏幕截图中，复选框未在上面的编辑文本下方居中。如何使复选框居中，使其位于编辑文本正下方居中？  
 

我用来生成上述 UI 的布局是：

Layout XML

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

<TextView
    android:id="@+id/textView1"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"

    android:padding="5dip"
    android:gravity="center"

    android:text="text 1"/>

<EditText
    android:id="@+id/editText1"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:layout_toRightOf="@+id/textView1"
    android:layout_alignTop="@+id/textView1"
    android:layout_alignBottom="@+id/textView1"

    android:padding="5dip"

    android:gravity="center"
    android:inputType="number"
    android:text="1"/>

<CheckBox
    android:id="@+id/checkBox"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_below="@+id/editText1"
    android:layout_toRightOf="@+id/textView1"

    android:text="check"/>
</RelativeLayout>

Things ，我已经尝试过 CheckBox 小部件，但没有成功：

1. android_layoutAlignRight 与 EditText 小部件。

2. `android:layout_gravity="center_horizo​​ntal" 相对布局

我知道我可以通过将 CheckBox 嵌套在另一个相对布局中并使用来实现“居中” android:layout_gravity="center" 在内部相对布局上，但我更喜欢避免嵌套布局的解决方案。

有什么建议吗？谢谢。

Answer 1

我认为这是不可能的，除非您想向左侧的复选框添加填充，以便它移动到编辑文本的中心。您可以这样做，但不建议这样做。

Answer 2

我猜你想要框和文本居中？如果将复选框的重力设置为居中并使用填充父项作为宽度，则可以仅将文本居中。但它的中心仍然会偏离 editText1，因为 Box 本身会占用中心的总宽度。

如果您使用自定义图形切换按钮，那么您可以通过使用 .9 文件轻松完成您想要的任务，并且从图形角度来说，整体看起来可能会更好（相同的重力：中心，宽度：从上面填充父级）

否则我认为您必须筑巢。

Answer 3

当您使用RelativeLayout时，请尝试

android:layout_centerHorizontal="true"

“Ok”，然后您可以按如下方式使用TableLayout：

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

<TableRow>

<TextView
    android:id="@+id/textView1"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content" 
    android:padding="5dip"          
    android:text="text 1"/>

<EditText
    android:id="@+id/editText1"
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"      
    android:padding="5dip"      
    android:gravity="center"                
    android:inputType="number"
    android:text="1"/>

   </TableRow>

   <TableRow>

  <View/> 

<CheckBox
    android:id="@+id/checkBox"
    android:layout_height="wrap_content"
    android:layout_width="wrap_content"
    android:layout_gravity="center_horizontal"                  
    android:text="check"/>

 </TableRow></TableLayout>

空节点是故意的黑客攻击，以强制复选框进入“列”1而不是列0。

这给出了以下内容：

Answer 4

我找到了一个非常简单的解决方案，即使它需要使用 RelativeLayout：

    <RelativeLayout 
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" >

    <CheckBox 
        android:id="@+id/remember_settings"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textSize="12sp"
        android:textColor="#666666"
        android:text="@string/remember_settings"/>

</RelativeLayout>

在上述代码中， layout_width 和 layout_centerInParent 都在CheckBox 必须根据上面的示例进行设置：否则，它将无法工作。

另外，如果RelativeView的parent设置为填充整个屏幕，则可以将RelativeView的layout_width设置为ma​​tch_parent ，否则必须设置为fill_parent。

希望这对任何人都有帮助，因为我自己也一直在努力解决这个问题。