Android相对布局alignCenter从另一个视图

Question

我有一个带有两个子元素的 RelativeLayout ，它们也是包含一些按钮和内容的 RelativeLayout 。这些子布局并不在我的主布局中居中，并且主布局确实包含这两个布局之外的一些其他内容。我希望第一个位于第二个之上。这很简单，只需在第二个中使用 android:layout_below="@+id/firstLayout" 即可。但我还希望第二个与第一个的中心对齐。我的意思是我希望第二个布局找到第一个布局的中心，并自行对齐，使其中心位于相同的 x 位置。我看到了alignLeft、alignRight、alignTop 和alignBaseline，但没有中心。这是否可以做到，而不必硬编码边距以将第二个布局移动到某些位置？

这是我想要最终得到的一个粗略示例，蓝色条将是第一个布局，红色框将是第二个布局。我知道我可以将它们包装在另一个大小等于 "wrap_content" 的 RelativeLayout 中，然后使用 centerHorizo​​ntal="true"第二个。但我真的宁愿将两者都保留为我的主布局的子级（如果我将它们作为单独布局的子级，我将不得不对应用程序的某些部分的工作方式进行一些更改。我试图避免这种情况。）

Answer 1

如果您可以将父布局的宽度设置为“wrap_content”，则可以将两个子布局置于中心

Answer 2

有时，您可以将 alignLeft 和 alignRight 设置为所需的视图，然后在要居中的元素上使用重力。

例如：

android:layout_below="@+id/firstLayout"
android:layout_alignLeft="@+id/firstLayout"
android:layout_aligntRight="@+id/firstLayout"
android:gravity="center"

如果组件不是 TextView （或不需要背景的视图），则可以将其包装在具有上述属性的 FrameLayout 中。

<MyView id="@+id/firstLayout" .. other props/>

<FrameLayout 
    ... other props
    android:layout_below="@+id/firstLayout"
    android:layout_alignLeft="@+id/firstLayout"
    android:layout_aligntRight="@+id/firstLayout"
    android:gravity="center" >

    <MyView id="@+id/myAlignedView" ..other props />

</FrameLayout>

这样，底部视图将是一个与上部视图具有相同宽度的框架，但在其内部将有一个以宽度为中心的视图。

当然，只有当您知道哪个视图更大时，这才有效。如果没有，正如 Laranjeiro 回答的那样，将这两个内容包装在另一个重心居中的布局中。

Answer 3

对于文本，我一直使用此 fe 进行垂直居中对齐：

android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:layout_alignTop="@id/theBigOne"
android:layout_alignBottom="@id/theBigOne"
android:layout_toRightOf="@id/theBigOne"

Answer 4

对我有用的唯一解决方案是将两个组件包装在具有较大组件尺寸的 FrameLayout 中，并使用属性将第二个组件设置在 FrameLayout 的中心

<FrameLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/red_component"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

    <View
        android:id="@+id/blue_component"
        android:layout_width="30dp"
        android:layout_height="30dp"
        android:layout_gravity="center" />

</FrameLayout>

Answer 5

只需像这样设置：

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


    <View
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/bottomHolder"
        android:layout_alignParentTop="true"
        android:layout_centerInParent = "true"/>

    <View
        android:id="@+id/bottomHolder"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"/>

</RelativeLayout>