如何在相对布局中将元素对齐到另一个元素的中心和上方？

Question

这是一张图片，这样你就可以理解我想要的东西：

我已经在我的相对布局中设置了这个绿色元素，我想要的是在它上面放置另一个元素（图中的黑色元素），使它完全位于绿色元素的中间。

请记住，黑色元素没有恒定的宽度，宽度大于绿色元素。

有像android：layout_alignLeft和android：layout_alignRight之类的东西，如果我想让它左右对齐会很有帮助，但据我所知没有android：layout_alignCenter所以我不知道怎么做这件事......

Answer 1

正如您自己所说，将两个元素放在RelativeLayout中。

然后，将两个元素的“center_horizo​​ntal”属性设置为true，然后将green元素的“below”属性设置为black元素的id。

这是完整的例子：

<?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:id="@+id/view1"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:background="@color/Black"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />

    <View
        android:id="@+id/view2"
        android:layout_height="100dp"
        android:layout_below="@+id/view1"
        android:background="@color/Green"
        android:layout_centerHorizontal="true" />

</RelativeLayout>

（“center_vertical”有点可选）

或者在这里，无论其他观点位置如何：

<?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:id="@+id/view1"
        android:layout_width="100dp"
        android:layout_height="40dp"
        android:background="@color/Black"
        android:layout_centerVertical="true" />

    <View
        android:id="@+id/view2"
        android:layout_width="40dp"
        android:layout_height="100dp"
        android:layout_below="@+id/view1"
        android:layout_alignLeft="@+id/view1"
        android:layout_alignRight="@+id/view1"
        android:layout_marginLeft="30dp"
        android:layout_marginRight="30dp"
        android:background="@color/Green" />

</RelativeLayout>

（在这种情况下，边距将定义第二个视图宽度）

这是最终结果：