在Android上使用协调布局，是否可以使状态栏与工具栏一起滚动消失？

Question

在Android上使用协调布局，是否可以使状态栏与工具栏一起滚动消失？

androidandroid-toolbarandroid-coordinatorlayoutandroid-appbarlayout

9

我想知道是否可以滚动整个状态栏（图标和背景），而不仅仅是背景。就像它是工具栏的一部分一样。

我遇到了与下面问题相同的情况，不同之处在于我想知道是否可以滚动整个状态栏，而不是使背景不透明-这是我认为下面查询的期望结果。

这里有一个图片。 Android状态栏使用协调布局向上滚动，导致状态图标重叠工具栏标题

这是我的代码

<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"
    android:fitsSystemWindows="true"
    tools:context="me.hugopretorius.wishlizt.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:contentScrim="#000">

        <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/AppTheme.PopupOverlay"
            />

        <android.support.design.widget.TabLayout
            android: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/viewpager"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        android:layout_width="match_parent"
        android:layout_height="fill_parent"
        android:layout_below="@id/tabs"/>

    <io.github.yavski.fabspeeddial.FabSpeedDial
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        app:fabGravity="bottom_end"
        app:fabMenu="@menu/menu_fab"
        app:miniFabBackgroundTint="@android:color/white"
        app:miniFabDrawableTint="?attr/colorPrimaryDark"
        app:miniFabTitleTextColor="?attr/colorPrimaryDark" />

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

- Hugo Pretorius

所以，换句话说，您想要仅显示“TabLayout”并隐藏“StatusBar”，是吗？ - ʍѳђઽ૯ท

当Toolbar被隐藏且只有TabLayout时，Android不建议隐藏状态栏。当然，我认为您不会从可靠和/或官方来源找到答案。 - ʍѳђઽ૯ท

@Mohsen我想在Toolbar可见时（当用户向上滚动时）显示StatusBar，并将StatusBar和Toolbar一起滑出视图，当用户向下滚动时。目前我的选项只有1.隐藏或2.显示StatusBar。它上面没有像工具栏那样的滚动操作。 - Hugo Pretorius

如果您始终隐藏状态栏，是否会对您的设计产生任何影响？ - Mohammed Atif

@MohammedAtif 那可能是我的第二选择！我不确定它的影响，但我宁愿让它始终隐藏而不是始终显示。 - Hugo Pretorius

2个回答

0

尝试将以下代码添加到您的活动的onResume方法中：

View decorView = getWindow().getDecorView();
int uiFlagFullscreen = View.SYSTEM_UI_FLAG_FULLSCREEN;
decorView.setSystemUiVisibility(uiFlagFullscreen);

- Tejas

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nick Cardoso · Accepted Answer

当工具栏折叠时，您应该能够监听滚动变化并隐藏状态栏。这不会给您实际的增量滚动，但将仅留下所需的选项卡。

首先，在onCreate中设置标志，以便布局在栏消失时不会跳动：

//root should be your coordinator/top level layout
mRoot.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                          | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

一旦工具栏折叠，将状态栏设置为隐藏：

appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
    @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
        if (Math.abs(verticalOffset) == appBarLayout.getTotalScrollRange()) {

            // Collapsed
            mRoot.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                                      | View.SYSTEM_UI_FLAG_FULLSCREEN); //this one changed

        } else if (verticalOffset == 0) {

            // Fully Expanded - show the status bar
            if (Build.VERSION.SDK_INT >= 16) {
                mRoot.setSystemUiVisibility(View.SYSTEM_UI_FLAG_VISIBLE
                                          | View.SYSTEM_UI_FLAG_LAYOUT_STABLE
                                          | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
            } else {
                getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN);
            }

        } else {
            // Somewhere in between
            // We could optionally dim icons in this step by adding the flag:
            // View.SYSTEM_UI_FLAG_LOW_PROFILE
        }
    }
});