如何将协调器布局包装在 LinearLayout 中?
How to wrap Coordinator Layout in a LinearLayout?
我正在尝试在另一个布局中使用新的 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 中。然而,屏幕上布局的第二部分甚至没有呈现。
那是因为CoordinatorLayout
有layout_height="match_parent"
。这意味着它占据了整个屏幕的大小,并且您的 LinearLayout
是 渲染但它低于 CoordinatorLayout
和屏幕外。
解决此问题的一个简单方法是将 CoordinatorLayout
的 weight
设置为填充父布局,但保留 space 以显示页脚 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>
我正在尝试在另一个布局中使用新的 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 中。然而,屏幕上布局的第二部分甚至没有呈现。
那是因为CoordinatorLayout
有layout_height="match_parent"
。这意味着它占据了整个屏幕的大小,并且您的 LinearLayout
是 渲染但它低于 CoordinatorLayout
和屏幕外。
解决此问题的一个简单方法是将 CoordinatorLayout
的 weight
设置为填充父布局,但保留 space 以显示页脚 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>