如何将协调器布局包装在 LinearLayout 中？

Question

我正在尝试在另一个布局中使用新的 Android 设计库的 CoordinatorLayout。 CoordinatorLayout 包含一个 RecyclerView。我正在尝试做的是在 CoordinatorLayout 下方放置一个简单的 LinearLayout。这个布局应该放在 CoordinatorLayout 下面。这是我正在使用的 XML：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="fill_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:fitsSystemWindows="true">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary" />

        </android.support.design.widget.AppBarLayout>

        <android.support.v7.widget.RecyclerView
            android:id="@+id/conversation_recyclerview"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </android.support.design.widget.CoordinatorLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:orientation="horizontal">

        <EditText
            android:layout_width="fill_parent"
            android:layout_height="match_parent" />

        <ImageButton
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/ic_send_white_36dp" />

    </LinearLayout>
</LinearLayout>

如您所见，我正在尝试将 CoordinatorLayout 包装在另一个 LinearLayout 中。然而，在屏幕上布局的第二部分甚至没有渲染。

Answer 1

那是因为CoordinatorLayout 有layout_height="match_parent"。这意味着它占用了整个屏幕尺寸，并且您的LinearLayout 已 呈现，但它低于CoordinatorLayout 并在屏幕外。

解决此问题的一种简单方法是将CoordinatorLayout 的weight 设置为填充父布局，但留出必要的空间来显示页脚LinearLayout。这将是

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1">

但这不是理想的方式，所以我建议将CoordinatorLayout 作为根元素，并将LinearLayout 放在它所属的RecyclerView 下方。由于您的页脚LinearLayout 具有固定高度，因此可以轻松完成

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
    android:layout_height="match_parent"
    android:layout_width="match_parent">

    <android.support.design.widget.AppBarLayout>
        <android.support.v7.widget.Toolbar />
    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:paddingBottom="150dp" />

    <LinearLayout
        android:layout_height="150dp"
        android:layout_gravity="bottom">
        <EditText />
        <ImageButton />
    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>