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

Question

这是一张图片，你可以理解我想要什么：

我已经在我的相对布局中设置了这个绿色元素，我想要将另一个元素（图片中的黑色元素）放在它上面，这样它就可以准确地居中在绿色元素的中间。

请记住，黑色元素的宽度不是恒定的，它比绿色元素的宽度更大。

有像 android:layout_alignLeft 和 android:layout_alignRight 这样的东西，如果我希望它左对齐或右对齐会很有帮助，但据我所知没有 android:layout_alignCenter 所以我不知道该怎么做...

Answer 1

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

然后，将两个元素的“center_horizo​​ntal”属性设置为true，然后将绿色元素的“below”属性设置为黑色元素的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>

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

这是最终结果：