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

时间:2015-07-30 03:17:47

标签: android android-actionbar statusbar transparent android-toolbar

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

  1. 以[statusbar |开头]开头工具栏|内容]
  2. 向下滚动[co-(statusbar)-ntent]
  3. 向上滚动[statusbar |工具栏|内容]
  4. 目前:

      启动/启动时
    1. startup / boot

    2. 滚动内容 Scrolled content down

    3. 滚动内容 Scrolled content up

    4. 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>
      

      感谢您阅读本文。

3 个答案:

答案 0 :(得分:0)

之前我遇到过一个小问题,请尝试在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>

答案 1 :(得分:0)

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

  1. 添加了android:fitsSystemWindows="true" to the AppBarLayout。
  2. 为工具栏添加了app:layout_scrollFlags="scroll|enterAlways|snap"
  3. 以下是我的布局。

    <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"/>
    

答案 2 :(得分:0)

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

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

属性