Question

我有以下布局：

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/main_content"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

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

    <FrameLayout
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</android.support.design.widget.CoordinatorLayout>

我将Fragment添加到FrameLayout中，替换它们。我的一个Fragment是一个列表，它具有以下布局：

<android.support.v7.widget.RecyclerView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

我的问题是工具栏是在列表上绘制的。我试图通过将CoordinatorLayout的内容包装到LinearLayout中来解决这个问题，这解决了透支问题，但这样appbar滚动行为就不再起作用了。

非常感谢任何帮助！

Answer 1

取属性

app:layout_behavior="@string/appbar_scrolling_view_behavior"

关闭RecyclerView并将其放在FrameLayout下您要显示的Toolbar上。

我发现滚动视图行为的一个重要方面是在工具栏下面布局组件。由于FrameLayout有一个将会滚动（RecyclerView）的后代，CoordinatorLayout会获得用于移动Toolbar的滚动事件。

另外需要注意的一点是：布局行为会导致FrameLayout高度的大小，就像Toolbar已经滚动一样，并且{{ 1}}完全显示整个视图只需向下推，以便视图底部低于Toolbar的底部。

这对我来说是一个惊喜。我希望在工具栏上下滚动时动态调整视图大小。因此，如果您在视图底部有一个带有固定组件的滚动组件，则在完全滚动CoordinatorLayout之前，您将看不到该底部组件。

因此，当我想在UI的底部锚定一个按钮时，我通过将按钮放在Toolbar（CoordinatorLayout）的底部并添加等于的底部边距来解决这个问题。按钮的高度为工具栏下方的视图。

Answer 2

我设法通过添加：

来解决这个问题

机器人：layout_marginTop =＆＃34;机器人：？ATTR / actionBarSize＆＃34;

像这样

到FrameLayout：

 <FrameLayout
        android:id="@+id/content"
        android:layout_marginTop="?android:attr/actionBarSize"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
       />

Answer 3

使用折叠的顶部工具栏或使用自己选择的ScrollFlags 我们可以这样做：From Material Design摆脱FrameLayout

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.appbar.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleGravity="top"
            app:layout_scrollFlags="scroll|enterAlways">


        <androidx.appcompat.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin">

            <ImageView
                android:id="@+id/ic_back"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/ic_arrow_back" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="back"
                android:textSize="16sp"
                android:textStyle="bold" />

        </androidx.appcompat.widget.Toolbar>


        </com.google.android.material.appbar.CollapsingToolbarLayout>
    </com.google.android.material.appbar.AppBarLayout>

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/post_details_recycler"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:padding="5dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

Answer 4

从Android Studio 3.4开始，您需要将此行放入包含RecyclerView的布局中。

app：layout_behavior =“ android.support.design.widget.AppBarLayout $ ScrollingViewBehavior”

在CoordinatorLayout中添加工具栏下方的视图

4 个答案: