具有重叠视图的Android布局

Question

我想创建一个包含两组视图的布局：组1是一个线性布局，垂直方向包含多个图像视图，组2是一个简单的框架布局，只有一个图像视图。现在我想将组1放在组2的顶部（重叠），并对齐组1和组2的第一个图像视图的中心（红点），如何在一个xml布局文件中实现这一点？我对视图进行了模拟，见下图

Mock view of the description above

Answer 1

使用功能强大的 RelativeLayout ：

 


<RelativeLayout 
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/group_1"
        android:layout_width="200dp" android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="40dp"
        android:orientation="vertical">
        <TextView android:layout_width="match_parent" android:layout_height="50dp"
                  android:background="@android:color/holo_red_dark"
                  android:text="View 1"/>
        <TextView android:layout_width="match_parent" android:layout_height="50dp"
                  android:background="@android:color/holo_green_dark"
                  android:text="View 2"/>
        <TextView android:layout_width="match_parent" android:layout_height="50dp"
                  android:background="@android:color/holo_blue_dark"
                  android:text="View 3"/>
        <TextView android:layout_width="match_parent" android:layout_height="50dp"
                  android:background="@android:color/darker_gray"
                  android:text="View 4"/>

    </LinearLayout>

    <ImageView
        android:id="@+id/group_2"
    android:layout_width="300dp" android:layout_height="150dp"
               android:scaleType="fitXY"
               android:layout_centerHorizontal="true"
        android:src="@android:drawable/dialog_frame"/>
</RelativeLayout>