Autore Topic: Navigation Drawer sopra la status bar  (Letto 339 volte)

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Navigation Drawer sopra la status bar
« il: 05 Febbraio 2015, 21:28:24 CET »
0
Salve

Ho implementato un navigation drawer seguendo le specifiche del Material Design, in pratica mi viene un layout come da immagine allegato. Come si può vedere il Navigation Drawer copra la action bar ma non la status bar.. qualche consiglio?

Il mio layout è questo:

Codice (XML): [Seleziona]
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="match_parent">


    <android.support.v4.widget.DrawerLayout
       xmlns:android="http://schemas.android.com/apk/res/android"
       android:id="@+id/drawer"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:fitsSystemWindows="true"

       >
       <!-- android:layout_below="@+id/toolbar_actionbar"-->


    <LinearLayout
       android:id="@+id/container"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:orientation="vertical"
       >
        <include
           android:id="@+id/toolbar_actionbar"
           layout="@layout/toolbar_default"
           android:layout_width="match_parent"
           android:layout_height="wrap_content" />
    <android.support.v4.view.ViewPager
       android:id="@+id/pager"
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:layout_weight="1"
       />

    <com.viewpagerindicator.CirclePageIndicator
       android:id="@+id/pagerIndicator"
       android:padding="10dip"
       android:layout_height="wrap_content"
       android:layout_width="fill_parent" />
    </LinearLayout>


        <!-- Nav drawer-->
        <fragment
           android:id="@+id/fragment_drawer"
           android:name="it.unifi.dinfo.smartunifi.fragment.Nav_DrawerFragment"
           android:layout_width="@dimen/navigation_drawer_width"
           android:layout_height="match_parent"
           android:layout_gravity="start"
           app:layout="@layout/fragment_navigation_drawer" />

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

</RelativeLayout>

Lo stile nella cartella v21:

Codice (XML): [Seleziona]
<?xml version="1.0" encoding="utf-8"?>
<resources>


    <style name="AppMain" parent="Theme.AppCompat.Light.NoActionBar">

        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/actionbarbackground</item>
        <item name="colorPrimaryDark">@color/myPrimaryDarkColor</item>
        <item name="colorAccent">@color/myAccentColor</item>
        <item name="android:textColorPrimary">@color/myTextPrimaryColor</item>
        <item name="drawerArrowStyle">@style/DrawerArrowStyle</item>
        <item name="android:windowBackground">@color/myWindowBackground</item>


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

</resources>


No mi vengono idee sarà che son stanco ma non capisco dove sto sbagliando..in pratica l'immagine rossa dovrebbe coprire tutto tutto ma non va..


Offline Ohmnibus

  • Utente senior
  • ****
  • Post: 624
  • Respect: +136
    • Google+
    • @ohmnibus
    • Mostra profilo
    • Lords of Knowledge GdR
  • Dispositivo Android:
    Samsung Galaxy Nexus
  • Play Store ID:
    Ohmnibus
  • Sistema operativo:
    Windows 7 x64
Re:Navigation Drawer sopra la status bar
« Risposta #1 il: 06 Febbraio 2015, 12:17:32 CET »
0
...credo sia il comportamento giusto.

Youtube, per fare un esempio, fa la stessa cosa.
Ohmnibus
Le mie app su Play Store

È stata trovata una soluzione al tuo problema? Evidenzia il post più utile premendo . È un ottimo modo per ringraziare chi ti ha aiutato.

Offline felasandroid

  • Utente normale
  • ***
  • Post: 345
  • Respect: +10
    • Github
    • balduzziantonio
    • balduzziantonio.unifi
    • Mostra profilo
  • Dispositivo Android:
    Huawei P8 Lite
  • Play Store ID:
    FelasTech
  • Sistema operativo:
    Windows 10
Re:Navigation Drawer sopra la status bar
« Risposta #2 il: 06 Febbraio 2015, 12:19:45 CET »
0
...credo sia il comportamento giusto.

Youtube, per fare un esempio, fa la stessa cosa.

si scusa non avevo specificato, intendevo per i dispositivi con API 21 e quindi non dovrebbe fare così come segnalato da me ma dovrebbe andare diciamo in trasparenza  come da pattern (Navigation drawer - Patterns - Google design guidelines)

ho risolto aggiungento nello stile:

Codice (XML): [Seleziona]
        <item name="android:windowTranslucentStatus">true</item>

Offline GabMarioPower

  • Moderatore globale
  • Utente senior
  • *****
  • Post: 606
  • Respect: +152
    • Github
    • Google+
    • gabrielemariotti
    • GabMarioPower
    • Mostra profilo
  • Play Store ID:
    GAB+MARIO+DEV
  • Sistema operativo:
    Ubuntu 14.04 , Win 10
Re:Navigation Drawer sopra la status bar
« Risposta #3 il: 06 Febbraio 2015, 21:59:28 CET »
0
Credo che questa è la risposta che stavi cercando.
Oltretutto scritta da uno che ha scritto l'appCompat e la nuova toolbar.

android - How do I use DrawerLayout to display over the ActionBar/Toolbar and under the status bar? - Stack Overflow