2015-11-08 158 views
6

我試圖將windowTranslucentStatusAppBarLayoutToolbarapp:layout_scrollFlags="scroll|enterAlways"使用windowTranslucentStatus隱藏工具欄

測試同時在API的18,19和22(左)標記。

Case study

問題是最高的API,在工具欄狀態欄下partialy可見。我嘗試了許多風格的組合,但這是我得到的最接近的。

在風格我用:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="android:colorPrimary" tools:targetApi="lollipop">@color/primary</item> 
    <item name="android:colorPrimaryDark" tools:targetApi="lollipop">@color/primary_dark</item> 
    <item name="colorPrimary">@color/primary</item> 
    <item name="colorPrimaryDark">@color/primary_dark</item> 
    <item name="colorAccent">@color/primary</item> 
    <item name="android:colorAccent" tools:targetApi="lollipop">@color/primary</item> 
    <item name="android:windowTranslucentStatus" tools:targetApi="kitkat">true</item> 
    <item name="android:windowBackground">@color/background</item> 
    <item name="android:windowActionBarOverlay">true</item> 
    <item name="android:windowContentOverlay">@null</item> 
</style> 

這裏是我的佈局XML:

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/coordinator_layout" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="?attr/colorPrimary" 
android:fitsSystemWindows="true"> 

<android.support.design.widget.AppBarLayout 
    android:id="@+id/appbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

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

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

<android.support.v7.widget.RecyclerView 
    android:id="@+id/recycler_view" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/background" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 


<android.support.design.widget.FloatingActionButton 
    android:id="@+id/add_button" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    app:backgroundTint="@color/green" 
    app:layout_anchor="@id/recycler_view" 
    app:layout_anchorGravity="bottom|right|end" /> 

我創建樣例應用程序,它可在github

這個難題有什麼缺失嗎?

回答

4

修正了它。它可能不是最美麗的解決方案,但它是在19和22號測試的。我向協調器佈局添加了負邊距,並在工具欄上添加了一個正邊距(因爲這是狀態欄的高度,因此爲25dp)。

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:id="@+id/coordinator_layout" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="?attr/colorPrimary" 
    android:fitsSystemWindows="true" 
    android:layout_marginTop="-25dp"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/appbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:minHeight="?attr/actionBarSize" 
      app:layout_scrollFlags="scroll|enterAlways" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
      android:layout_marginTop="25dp"/> 

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

    <android.support.v7.widget.RecyclerView 
     android:id="@+id/recycler_view" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="@color/background" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 


    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/add_button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     app:backgroundTint="@color/green" 
     app:layout_anchor="@id/recycler_view" 
     app:layout_anchorGravity="bottom|right|end" /> 

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

enter image description here

+0

這實際上可能會工作...將稍後檢查 –

+0

良好的破解,致力於我提到的所有3 APIs! :) –

+0

很高興我能幫到:) – crysxd

0

你有沒有試過把以下內容加入RecyclerView

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

我認爲它需要與CoordinatorLayout一起使用。另請檢查您的com.android.support:recyclerview-v7版本是否已更新。

+0

我做了,一定是從代碼中意外刪除了它 –

1

我設置

android:fitsSystemWindows="false" on CoordinatorLayout. 

希望幫助你也定了!

+0

坦克正常工作 – HPbyP