6

che sto cercando di incorporare windowTranslucentStatus e AppBarLayout con Toolbar contrassegnate con app:layout_scrollFlags="scroll|enterAlways"Utilizzando windowTranslucentStatus con barra nascosta

test contemporaneamente su API 18, 19 e 22 (da sinistra).

Case study

problema è la più alta API, dove barra è partialy visibile sotto la barra di stato. Ho provato molte combinazioni di stili, ma questo è il più vicino che ho ottenuto.

Negli stili che uso:

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

Ecco il mio layout 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" /> 

ho creato un'applicazione di esempio, che è disponibile su github

C'è qualcosa che manca in questo puzzle?

risposta

4

risolto. Potrebbe non essere la soluzione più bella, ma è wokrs (testato il 19 e il 22). Ho aggiunto un margine negativo al layout del coordinatore e un margine positivo alla barra degli strumenti (25 dpi poiché questa è l'altezza della barra di stato).

<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

Che in realtà potrebbe funzionare ... controllerà in seguito –

+0

Buon compromesso, lavorando su tutti e 3 menzionati da me API! :) –

+0

Felice di poter aiutare :) – crysxd

0

Hai provato a inserire quanto segue nello RecyclerView?

app:layout_behavior="@string/appbar_scrolling_view_behavior" 

penso che è necessario per farlo funzionare con la CoordinatorLayout. Controlla anche che la tua versione di com.android.support:recyclerview-v7 sia stata aggiornata.

+0

Ho fatto, deve averlo cancellato dal codice accidentalmente –

1

ho riparato con l'impostazione

android:fitsSystemWindows="false" on CoordinatorLayout. 

Speranza che aiuta anche!

+0

funzionano correttamente – HPbyP

Problemi correlati