如何布局这样的重叠视图

Question

我只想布置一个重叠的视图，如下所示：

我认为有两种方法可以布局视图，一种是将其分为5个部分，如下所示：

所以我们可以控制它，但它太复杂了。 另一种方法是使用framelayout

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">

        <ImageView
            android:src="@drawable/state_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:layout_marginLeft="120dp"
            android:src="@drawable/state_2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:layout_marginLeft="240dp"
            android:src="@drawable/state_3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </FrameLayout>


</LinearLayout>

但它不能完全适合所有尺寸。有人帮忙吗？