在 RelativeLayout 中将多个项目居中而不将它们放入容器中？

Question

我有一个包含一对并排按钮的 RelativeLayout，我希望它们在布局中居中。我可以将按钮放在 LinearLayout 中并在 RelativeLayout 中居中，但我想让我的 xml 尽可能干净。

这是我尝试过的，这只是将“应用”按钮放在中间，将“撤消”按钮放在左边：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="15sp">
  <TextView
    android:id="@+id/instructions"
    android:text="@string/instructions"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginBottom="15sp"
    android:layout_centerHorizontal="true"
    />
  <Button
    android:id="@+id/apply"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="@string/apply"
    android:textSize="20sp"
    android:layout_below="@id/instructions"
    />
  <Button
    android:id="@+id/undo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="@string/undo"
    android:textSize="20sp"
    android:layout_toLeftOf="@id/apply"
    android:layout_below="@id/instructions"
    />
</RelativeLayout>

Answer 1

android:gravity 将对齐使用它的view 或layout 内的内容。

android:layout_gravity 将对齐其父级内部的 view 或 layout。

所以添加

android:gravity="center"

你的 RelativeLayout 应该可以解决问题...

像这样：

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_marginTop="15sp">

</RelativeLayout>

Answer 2

这是 BrainCrash 答案的扩展。这是一个非嵌套选项，可将所有三个在水平和垂直方向上进行分组和居中。此外，它采用顶部 TextView 并在两个按钮上水平居中。如果需要，您可以在 TextView 中使用 android:gravity="center" 将文本居中。我还删除了边距，添加了颜色，并将 RelativeLayout 高度设置为 fill_parent 以突出显示布局。在 API 11 上测试。

<RelativeLayout
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:gravity="center"
  android:background="@android:color/black"
  >
  <TextView
    android:id="@+id/instructions"
    android:text="TEST"
    android:textSize="20sp"
    android:background="@android:color/darker_gray"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_alignLeft="@+id/undo"
    android:layout_alignRight="@+id/apply"
    android:gravity="center"
    />
  <Button
    android:id="@+id/apply"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="APPLY"
    android:textSize="20sp"
    android:layout_below="@id/instructions"
    />
  <Button
    android:id="@+id/undo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:text="UNDO"
    android:textSize="20sp"
    android:layout_toLeftOf="@id/apply"
    android:layout_below="@id/instructions"
    />
</RelativeLayout>

Answer 3

android:layout_gravity="center"

几乎可以满足您的需求。

Answer 4

这是解决我的具体情况的上述答案的组合：

在布局中居中两个单独的标签，该布局还包括位于同一布局的最左侧位置的按钮（按钮、标签、标签，从左到右，其中标签相对于包含所有三个视图的布局居中 -也就是说，按钮不会将标签推离中心）。

我通过嵌套两个 RelativeLayout 解决了这个问题，其中最外面的布局包括 按钮和内部相对布局。

Inner-RelativeLayout 包含两个文本标签（TextView）。

这是一个 sn-p，它提供了如何完成居中和其他布局的详细信息：

见：RelativeLayout Gravity not applied? 和 Gravity and layout_gravity on Android 对于重力和 layout_gravity 之间的差异。

调整 btn_button1 Button 上的 paddingLeft 以查看 TextView 不会移动。

（我很抱歉 hasxz 的反对票。我太仓促了，认为只是 b/c 您的建议并不能解决所提出的确切问题，它们确实有助于解决非常相似的情况（这里的答案解决了一个非常具体的情况，只有所有这些答案的组合解决了我的问题。我尝试过投票，但除非我编辑答案，否则它不会让我这样做，我不想这样做。）

<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/rl_outer"
  android:layout_width="fill_parent"
  android:layout_height="50dip"
  android:background="#FF0000FF">

  <Button
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/btn_button1"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:background="#FF00FF00"
    android:text="&lt;"
    android:textSize="20sp"
    android:paddingLeft="40dip"/>

  <RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/rl_inner"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:background="#FFFF00FF"        
    android:layout_centerInParent="true"
    android:gravity="center">      

    <TextView
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/tv_text1"
      android:layout_width="wrap_content"
      android:layout_height="fill_parent"
      android:background="#FF505050"
      android:textSize="20sp"
      android:textColor="#FFFFFFFF"
      android:text="Complaint #"
      android:gravity="center"/>     

    <TextView
      xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/tv_text2"
      android:layout_width="wrap_content"
      android:layout_height="fill_parent"
      android:background="#FF505050"
      android:textSize="20sp"
      android:textColor="#FFFFFFFF"
      android:layout_toRightOf="@id/tv_text1"
      android:gravity="center"/>

  </RelativeLayout>
</RelativeLayout>

Answer 5

LinearLayout 是一个不错的选择。除此之外，还有一些选项，例如创建一个不可见的视图并将其居中，然后将左按钮与它的左侧和右侧对齐。但这些只是变通方法。