Question

我希望工具栏（操作栏）在向下滚动时完全隐藏。在启动活动或向上滚动时，工具栏应该是可见的，状态栏显示为浅灰色。

以[statusbar |开头]开头工具栏|内容]
向下滚动[co-（statusbar）-ntent]
向上滚动[statusbar |工具栏|内容]

目前：

滚动内容
滚动内容

activity_layout.xml

<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/background_white"
tools:context="com.conevoud.captjeluigi.ui.activities.GalleryActivity">

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

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <include layout="@layout/toolbar" />

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

<include layout="@layout/drawer_left" />

</android.support.v4.widget.DrawerLayout>

toolbar.xml

<merge xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.design.widget.AppBarLayout
    android:id="@+id/toolbar_frame"
    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"
        app:popupTheme="?popup_theme"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

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

样式：

    <item name="windowActionModeOverlay">true</item>

    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:windowTranslucentStatus">true</item>

感谢您阅读本文。

Answer 1

之前我遇到过一个小问题，请尝试在AppBarLayout中设置android:fitsSystemWindows=”true”。

<android.support.design.widget.AppBarLayout
    android:id="@+id/toolbar_frame"
    android:fitsSystemWindows=”true”
    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"
        app:popupTheme="?popup_theme"
        app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

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

Answer 2

我遇到了类似的问题。我的解决了。

添加了android:fitsSystemWindows="true" to the AppBarLayout。
为工具栏添加了app:layout_scrollFlags="scroll|enterAlways|snap"

以下是我的布局。

<android.support.design.widget.CoordinatorLayout 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"
tools:context=".HomeActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">
        <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|snap"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    <android.support.design.widget.TabLayout
        android:id="@+id/id_tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

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

<android.support.v4.view.ViewPager
    android:id="@+id/id_viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    android:src="@android:drawable/ic_dialog_email"/>

Answer 3

看起来唯一的选择是 - 摆脱

<item name="android:statusBarColor">@android:color/transparent</item>

属性

工具栏无法在透明状态栏下滚动

3 个答案: