Android制作布局相互重叠

Question

我目前有这种布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:weightSum="2"
android:orientation="vertical">

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.5"
    android:background="?attr/colorPrimary">
</LinearLayout>

<LinearLayout android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1.5"
    android:background="#E5E8EC"></LinearLayout>

但是我希望在蓝色标题上重叠另一个布局，类似于此。如您所见，白框与标题重叠。

虽然我不确定应该怎么做。

Answer 1

请检查：

<FrameLayout android:background="@color/gray">
   <View android:background="@color/purple" android:height="@dimen/header_height/>

   <LinearLayout android:orientation="vertical">
       <LinearLayout> content with user icon stats/progress </LinearLayout>
       <LinearLayout> content with white card <LinearLayout>
   </LinearLayout>    
</FrameLayout>

紫色视图位于具有特定高度的所有内容之下，而紫色标题上的内容包含您想要的所有内容。

Answer 2

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

    <View
        android:layout_width="match_parent"
        android:layout_height="160dp"
        android:background="@color/purple" />

    <!-- The photo & namename  -->
    <RelativeLayout
        android:id="@+id/foo"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        ...> 
    </RelativeLayout>

    <!-- card -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/doo"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"
        android:padding="8dp">

        ...

    </RelativeLayout>


</RelativeLayout>