滚动时隐藏CoordinatorLayout中的工具栏和BottomBar - 在透明状态栏下可见

时间:2016-08-22 20:40:06

标签: android android-layout android-recyclerview android-toolbar android-coordinatorlayout

我的主要活动是NavigationDrawer ToolbarBottomBar。活动内部是碎片的容器。片段有RecyclerView。因此,当用户滚动时,我想相应地隐藏ToolbarBottomBar。我使用回收器app:layout_behavior="@string/appbar_scrolling_view_behavior"上的布局行为和工具栏上的布局滚动标志app:layout_scrollFlags="scroll|enterAlways|snap"来做到这一点。对于BottomBar,我使用此库:https://github.com/roughike/BottomBar

问题是,当ToolbarBottomBar从视图中滚动时,它们仍会显示在StatusBarNavBar

我的代码:

型:

<style name="TranslucentStatusTheme" parent="AppTheme">
        <item name="android:windowTranslucentNavigation">false</item>
        <item name="android:windowTranslucentStatus">true</item>
        <item name="android:windowContentOverlay">@null</item>
</style>

主要活动内容:

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/app_bar_main_coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.test.activity.MainActivity"
    >

    <android.support.design.widget.AppBarLayout
        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="wrap_content"
        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.AppBarLayout>

    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/bottomBar"
        android:fitsSystemWindows="true"
        />

    <com.roughike.bottombar.BottomBar
        android:id="@+id/bottomBar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/bottom_bar_menu_height"
        app:bb_activeTabColor="@color/colorAccent"
        app:bb_behavior="shifting|shy|underNavbar"
        app:bb_inActiveTabColor="@color/bottom_bar_inactive_tab_color"
        app:bb_tabXmlResource="@xml/bottombar_tabs"
        app:layout_anchor="@id/container"
        app:layout_anchorGravity="bottom"
        android:layout_gravity="bottom"
        />

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

我的问题的图像:

当没有设置fitWystemWindows标志时 - 工具栏位于stauts bar下面

When no fitsSystemWindows flag is set

当没有设置fitsWystemWindows标志且滚动内容时 - 工具栏被正确隐藏,但导航栏仍然可见导航栏下方

When no fitsSystemWindows flag is set and content is scrolled

当fitsSystemWindows标志设置为根协调器时 - 正常状态看起来正常

When fitsSystemWindows flag is set to root coordinator

当fitsSystemWindows标志设置为根协调器并滚动内容时 - 状态栏和底部裸露在透明状态栏和导航栏下方可见 When fitsSystemWindows flag is set to root coordinator and content is scrolled

有人可以帮助我做错吗?我已经在不同的视图上尝试了所有可能的fitsSystemWindows组合。

编辑:

我将工具栏修复为状态栏问题,但我不认为解决方案是干净的。我还在寻找更好的一个。而我仍然无法解决底栏问题

 if (android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    toolbar.setPadding(0, getStatusBarHeight(), 0, 0);
 }
.....
 // A method to find height of the status bar
 private int getStatusBarHeight() {
      int result = 0;
      int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
      if (resourceId > 0) {
         result = getResources().getDimensionPixelSize(resourceId);
      }
      return result;
  }

1 个答案:

答案 0 :(得分:0)

要在滚动时隐藏BottomBar,您需要设置app:bb_behavior =&#34;害羞&#34;

<com.roughike.bottombar.BottomBar
    android:id="@+id/bottomBar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/bottom_bar_menu_height"
    app:bb_activeTabColor="@color/colorAccent"
    app:bb_behavior="shy"
    app:bb_inActiveTabColor="@color/bottom_bar_inactive_tab_color"
    app:bb_tabXmlResource="@xml/bottombar_tabs"
    app:layout_anchor="@id/container"
    app:layout_anchorGravity="bottom"
    android:layout_gravity="bottom"
    />