来自另一个视图的Android RelativeLayout alignCenter

Question

我有一个RelativeLayout 和两个孩子，他们都是RelativeLayouts，包含一些按钮和东西。这些子布局不在我的主布局中居中，并且主布局确实包含这两个侧面之外的一些其他内容。我希望第一个在第二个之上。这很容易，只需在第二个中使用android:layout_below="@+id/firstLayout"。但我也希望第二个在第一个的中心对齐。我的意思是我希望第二个布局找到第一个布局的中心，并对齐自身，使其中心位于相同的 x 位置。我看到alignLeft, alignRight, alignTop, and alignBaseline，但没有中心。这是否可以在不必硬编码一个边距以将第二个布局滑过一些的情况下做到？

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

Answer 1

有时您可以将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 2

对于我一直使用这个 f.e 进行垂直居中对齐的文本：

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 3

对我有用的唯一解决方案是将两个组件包装在一个具有较大组件尺寸的 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 4

就这样设置：

<?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>

Answer 5

如果您可以将父布局的宽度设置为“wrap_content”，那么您可以将两个子布局都放在中心