15

Ho giocato con la nuova libreria di supporto per il design di Google ed è fantastico! Sono solo un po 'perplesso sulla visualizzazione di navigazione. Tutte le cose che ho letto dicono che lo NavigationView è abbastanza intelligente da gestire scrim trasparente da solo. (Il post android-developers, per uno; ricerca per scrim). Ad ogni modo, quando ho cercato di fare io ottenere il seguente risultato:Come ottenere il nuovo NavigationView per giocare con lo stato bar scrim?

Transparent Scrim

Che è grande; Esattamente quello che voglio. Tranne una cosa. Quando il cassetto è chiuso, lo scrim è un brutto grigio scuro, non il mio PrimaryColorDark. . .

enter image description here

Ecco il mio layout:

<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:fitsSystemWindows="true" > 

<android.support.design.widget.CoordinatorLayout 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true"> 

    <LinearLayout 
     android:id="@+id/linear_layout" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical"> 

     <include layout="@layout/toolbar" /> 

     <fragment 
      android:id="@+id/fragment" 
      android:name="com.gmail.rixx.justin.envelopebudget.HomeFragment" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      tools:layout="@layout/fragment_home" /> 

    </LinearLayout> 

    <android.support.design.widget.FloatingActionButton 
     android:id="@+id/fab" 
     android:layout_height="wrap_content" 
     android:layout_width="wrap_content" 
     android:layout_gravity="end|bottom" 
     android:layout_margin="@dimen/fab_margin" 
     app:backgroundTint="@color/accent" 
     android:src="@drawable/ic_add_white_24dp" /> 

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

<android.support.design.widget.NavigationView 
    android:layout_width="wrap_content" 
    android:layout_height="match_parent" 
    android:layout_gravity="start" 
    app:headerLayout="@layout/drawer_header" 
    app:menu="@menu/drawer" /> 

</android.support.v4.widget.DrawerLayout> 

il codice attività:

public class Home extends ActionBarActivity { 

    private Toolbar mToolbar; 
    private DrawerLayout mDrawerLayout; 
    private Context mContext = this; 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_home); 

     setUpToolbar(); 
     setUpNavDrawer(); 

     findViewById(R.id.fab).setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View v) { 
       startActivity(new Intent(mContext, NewTransactionActivity.class)); 
      } 
     }); 
    } 

    private void setUpToolbar() { 
     mToolbar = (Toolbar) findViewById(R.id.toolbar); 
     if (mToolbar != null) { 
      setSupportActionBar(mToolbar); 
     } 
    } 

    private void setUpNavDrawer() { 
     if (mToolbar != null) { 
      mDrawerLayout = (DrawerLayout)  findViewById(R.id.drawer_layout); 

      getSupportActionBar().setDisplayHomeAsUpEnabled(true); 
      mToolbar.setNavigationIcon(R.drawable.ic_menu_white_24dp); 
      mToolbar.setNavigationOnClickListener(new View.OnClickListener() { 
       @Override 
       public void onClick(View v) { 
        mDrawerLayout.openDrawer(GravityCompat.START); 
       } 
      }); 
     } 
    } 

    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     // Inflate the menu; this adds items to the action bar if it is present. 
     getMenuInflater().inflate(R.menu.menu_home, menu); 
     return true; 
    } 

    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     // Handle action bar item clicks here. The action bar will 
     // automatically handle clicks on the Home/Up button, so long 
     // as you specify a parent activity in AndroidManifest.xml. 
     int id = item.getItemId(); 

     //noinspection SimplifiableIfStatement 
     if (id == R.id.action_settings) { 
      return true; 
     } 

     return super.onOptionsItemSelected(item); 
    } 
} 

E V21/stili:

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <style name="AppTheme" parent="AppTheme.Base"> 
     <item name="android:colorPrimary">@color/primary</item> 
     <item name="android:colorPrimaryDark">@color/primary_dark</item> 
     <item name="android:colorAccent">@color/accent</item> 
     <item name="android:textColorPrimary">@color/primary_text</item> 
     <item name="android:textColorSecondary">@color/secondary_text</item> 

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

    </style> 
</resources> 

ho modellato dopo Chris Banes' s App CheeseSquare su github ma non sto ottenendo il comportamento che voglio.

Ho provato a rimuovere il windowDrawsSystemBarBackgrounds e statusBarColor da V21/stili, e ottengo il colore corretto, ma la barra di stato non passa mai trasparente:

enter image description here

aiuto sarebbe apprezzato. Questa è roba nuova, quindi so che stiamo imparando tutti.

Grazie per la lettura!

-Justin

risposta

23

Dopo aver lottato con questo per diverse ore, e abbondantemente confrontando il mio codice per l'applicazione cheesesquare, ho trovato quanto segue: Il DrawerLayout deve avere l'attributo android:fitsSystemWindows="true", e il NavigationView pure, ma il CoordinatorLayout non dovrebbe. Una volta apportate queste modifiche, ha funzionato.

Grazie a tutti, speriamo che questo sia utile a qualcuno!

È possibile guardare il mio codice per il layout here.

-Justin

+1

yesss !!!! grazie grazie. L'ho cercato per ore. La documentazione per le librerie di progettazione di supporto e supporto è così difficile da trovare. Trovo che molte cose su Android siano scarsamente documentate. – Phil

0

insieme questo alla vostra navigationViewandroid:fitsSystemWindows="true" questo farà in modo che la navigazione sarà dietro la statusbar e aggiungere colorAccent al vostro stile in valori cartella.

0

Nel file stile tenta di utilizzare AppCompact tema come genitore ...

<style name="AppTheme" parent="Base.Theme.AppCompat"> 

Spero che ti aiuta ..

1

Si si dovrebbe verificare più recenti esempi di SDK.

in realtà non stanno usando Coordinatorlayout in activity che si vuole disegnare sotto statusbar e hanno tema diverso per il layout, perché se si mette trasparente statusbar per altre attività in cui non si dispone di layout radice Coordinatorlayout mostrerà bianco non colorato statusbar.

+0

Ha funzionato. Grazie – diordna

+0

Questa risposta è obsoleta, ti suggerisco di vedere un esempio di cassetto più recente. Scarica nuovi campioni SDK e guarda come funziona. Personalmente non mi piace anche la loro soluzione, perché sembra un hack, ma è molto meglio della mia attuale risposta. –

+0

Grazie per il suggerimento. Lo controllerò. – diordna

10

impostare ciò sulla vostra navigazioneView android:fitsSystemWindows="false"

+0

grazie amico, funziona bene! –

+0

Ho provato su Nougat, funziona bene per 2 casi: android: fitsSystemWindows = "true/false". ma su Kitkat, dovrebbe impostare android: fitsSystemWindows = "false" per NavigationView per sovrapporsi alla barra di stato – HungNM2