Question

我正在使用新设计库开发Android应用。我想创建一个在新Google Photos app中使用的类似滚动效果。我希望AppBarLayout完全滚出屏幕，以便回收器视图在状态栏后面滚动。

我已经在app的主题中将windowTranslucentStatus设置为true。这是主要活动的xml：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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.v7.widget.RecyclerView
        android:id="@+id/recyclerView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways" />

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

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

这是滚动下来时的样子： Toolbar not disappearing completely

工具栏并没有完全消失。

感谢您的帮助！

Answer 1

这是我在我的应用程序中使用的

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/app_bar_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/toolbar_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:layout_scrollFlags="scroll|enterAlwaysCollapsed">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

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

Answer 2

这与我在CoordinatorLayout上的距离非常接近（只是玩工具栏上的边距）...不够接近imo：

ArrayList

我认为手动操作会更容易......

您有任何想法或进展吗？

Answer 3

在我的情况下，我将fitSystemWindows =“false”添加到CoordinatorLayout，并将fitSystemWindows =“true”添加到其子项 - 在您的情况下添加到RecyclerView。在NavigationView，DrawerLayout，AppBarLayout和Toolbar上它是“真实的”。我尝试过不同的值，然后在我的情况下出现问题。 Android 5.1.1和最新的支持库（23.0.1）。希望它有所帮助。

Answer 4

在Android Studio中创建Android项目时，使用来自应用程序模板的AppBarLayout的常见模式。只需对XML布局和Java代码进行少量更改：

XML布局：

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay"
    >

    <FrameLayout
        android:id="@+id/toolbar_container"
        android:fitsSystemWindows="true"
        app:layout_scrollFlags="scroll|enterAlways"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        >

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:popupTheme="@style/AppTheme.PopupOverlay"
            />

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

Java代码：

ViewCompat.setOnApplyWindowInsetsListener(toolbar, new OnApplyWindowInsetsListener() {
        @Override
        public WindowInsetsCompat onApplyWindowInsets(View v, WindowInsetsCompat insets) {
            toolbarContainerLayout.setPadding(0, insets.getSystemWindowInsetTop(), 0, 0);

            return insets;
        }
    });

Answer 5

为AppBarLayout和CoordinatorLayout添加fitsSystemWindows =“true”。

如何在windowTranslucentStatus设置为true的情况下使AppBarLayout完全消失

5 个答案: