android - 一种布局覆盖另一种布局

Question

我需要一个布局覆盖另一个布局(它们可以有任何高度)，像这样:

当屏幕变小时，我需要棕色布局变低，像这样:

我有这段代码可以做到这一点:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:gravity="center">

    <FrameLayout
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:layout_gravity="top|center_horizontal"
        android:background="#dd6600">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="100dp"
            android:text="One"/>
    </FrameLayout>

    <FrameLayout
        android:layout_width="150dp"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:background="#bbbbbb">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="150dp"
            android:text="Another"/>
    </FrameLayout>

</FrameLayout>

在小高度上它工作正常，但在大屏幕上我有这个:

你能帮我解决这个问题吗？

Answer 1

您可以从 CoordinatorLayout 中受益 here做这样的效果