La barre d'état devient blanche et n'affiche pas le contenu derrière elle

J'essaye AppCompat sur Marshmallow. Et je veux avoir une barre d'état transparente mais elle devient blanche. J'ai essayé quelques solutions mais elles n'ont pas fonctionné pour moi (la barre d'état transparente ne fonctionne pas avec windowTranslucentNavigation = "false" , Lollipop: dessiner derrière statusBar avec sa couleur définie sur transparent ). Voici le code associé.

Mon styles.xml

<style name="Bacon" parent="Theme.Bacon"/>

<style name="Theme.Bacon" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorPrimary">@color/theme_primary</item>
    <item name="colorPrimaryDark">@color/theme_primary_dark</item>
    <item name="colorAccent">@color/theme_accent</item>
    <item name="windowActionBar">false</item>
    <item name="windowActionBarOverlay">true</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowBackground">@color/background_material_light</item>  
</style>

<style name="Theme.Bacon.Detail" parent="Bacon"/>

v21

<style name="Bacon" parent="Theme.Bacon">
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
</style>

<style name="Theme.Bacon.Detail" parent="Bacon">
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

Activité

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true">

<android.support.v4.view.ViewPager
    android:id="@+id/pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true" />

</FrameLayout>

Fragment

<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true">

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

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:contentScrim="?attr/colorPrimary"
        app:expandedTitleMarginBottom="32dp"
        app:expandedTitleMarginEnd="64dp"
        app:expandedTitleMarginStart="48dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:statusBarScrim="@color/black_trans80">

        <ImageView
            android:id="@+id/photo"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:contentDescription="@string/photo"
            android:fitsSystemWindows="true"
            android:scaleType="centerCrop"
            app:layout_collapseMode="parallax" />

        <android.support.v7.widget.Toolbar
            android:id="@+id/anim_toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
    </android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>

J'ai trouvé la réponse dans ce lien: La couleur de la barre d'état ne change pas avec la disposition relative comme élément racine

Il s'avère donc que nous devons supprimer le

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

dans styles.xml (v21). Et cela fonctionne très bien pour moi.

(Un peu tard à la fête mais ça pourrait aider quelqu'un)

J'ai eu exactement le même problème. D'une manière ou d'une autre, certaines activités étaient normales tandis que les nouvelles que j'ai créées affichaient une barre d'état blanche au lieu de la colorPrimaryDarkvaleur.

Après avoir essayé plusieurs astuces, j'ai remarqué que les activités de travail normal utilisaient toutes CoordinatorLayoutcomme racine de la mise en page, tandis que pour les autres, je l'avais remplacée par des mises en page régulières car je n'avais pas besoin des fonctionnalités (animation, etc.) fournies par CoordinatorLayout.

La solution consiste donc à créer CoordinatorLayoutla disposition racine, puis à y ajouter votre ancienne racine de disposition. Voici un exemple:

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        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:popupTheme="@style/AppTheme.PopupOverlay" />

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

    <!-- your activity content here-->


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

VEUILLEZ NOTER que sans android:fitsSystemWindows="true"cette solution ne fonctionne pas pour moi.

Testé sur sucette et guimauve

 <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@color/colorPrimaryDark</item>
    </style

Remplacez simplement ceci, statusBarColor doit être votre couleur attendue et non TRANSPARENTE

Vous devez ajouter cette propriété à votre style pour voir le contenu

<item name="android:windowLightStatusBar" tools:ignore="NewApi">true</item>

Ajoutez ceci dans votre style.xml

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

et ceci dans votre onCreate ();

 getWindow().getDecorView().setSystemUiVisibility(
       View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);

Après avoir essayé sans succès tout ce qui précède, j'ai trouvé que la définition explicite du thème résolvait le problème.

setTheme(R.style.AppTheme);

Cela doit précéder le super.OnCreate () dans votre activité.

Mettez simplement cet élément dans votre v21 \ styles.xml:

vrai

Ça devrait ressembler à ça :

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

J'ai fait face au même problème. Ce que j'ai fait, c'est que dans le fichier "v21 / styles.xml" a changé la valeur true:

 <item name="android:windowDrawsSystemBarBackgrounds">true</item>

à:

 <item name="android:windowDrawsSystemBarBackgrounds">false</item>

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

Vous verrez cette ligne de code dans values ​​/ styles / styles.xml (v21). Retirez-le et cela résout le problème

Lien vers cette réponse

J'ai résolu mon problème en modifiant la disposition de mon activité de FrameLayout en RelativeLayout. Merci à tous ceux qui ont essayé de vous aider!

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@android:color/transparent">

    <android.support.v4.view.ViewPager
      android:id="@+id/pager"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@color/theme_primary_dark"
      android:fitsSystemWindows="true" />

</RelativeLayout>

Essayez le visualiseur de hiérarchie ou ViewInspector . Ces outils peuvent vous aider.

Supprimez simplement la balise suivante du style v21 @android: couleur / transparent

Cela fonctionne pour moi.

Meilleure approche

Vérifiez votre fichier style.xml où se trouve votre thème NoActionBar. Assurez-vous que son parent est Theme.AppCompat.NoActionBar et personnalisez-le également en ajoutant votre jeu de couleurs. Enfin, définissez vos thèmes dans le manifeste selon vos besoins.

Voici un exemple de mon fichier styles.xml (ActionBar + NoActionBar).

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<!-- No ActionBar application theme. -->
<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.NoActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
</style>

Pour moi, cela a fonctionné en procédant comme suit:

1. Définissez le thème .NoActionBar
2. Enveloppez la barre d'outils dans android.support.design.widget.AppBarLayout
3. Faites android.support.design.widget.CoordinatorLayoutcomme mise en page parent.

C'est essentiellement la troisième étape qui dessine la barre d'état dans le colorPrimaryDarkcas contraire, elle n'est pas dessinée si vous utilisez le NoActionBarthème. La deuxième étape donnera à votre barre d'outils cette superposition .

Pour les styles v23

 <style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowLightStatusBar">true</item>
    <item name="android:statusBarColor">@android:color/white</item>
</style>

Pour les styles v21

<style name="MyTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/white</item>
</style>

[

Développez le répertoire res -> values ​​-> styles à partir du panneau Projet.

Ouvrez styles.xml (v21)

UTILISEZ N'IMPORTE QUELLE MANIÈRE CI-DESSOUS

1. Remplacez true par false dans la android:windowDrawsSystemBarBackgroundspropriété.
2. Remplacez @android: color / transparent par @ color / colorPrimaryDark dans la android:statusBarColorpropriété.
3. Retirez la android:statusBarColorligne de propriété.

Si votre v21 / styles.xml contient

<resources>
    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
    </style>
</resources>

Ensuite, supprimez ou commentez sous la ligne ou changez la couleur de la barre d'état,

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

Son fonctionne bien. J'espère que c'est utile. Merci.

J'ai trouvé une solution pour cela -

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="android:windowLightStatusBar">true</item>
</style>

ajoutez ceci à votre style et cela fonctionnera pour l'api 21 ou supérieur.

Je ne sais pas s'il est tard mais j'espère que cela aide quelqu'un. * Créez une fausse vue avec un arrière-plan transparent qui correspond à la mise en page et créez une mise en page de coordination en tant qu'élément de mise en page racine.

<View
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/transparent"
    android:fitsSystemWindows="true" />


<ImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    android:scaleType="centerCrop"
    android:src="@drawable/something" />

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

   .... YOUR LAYOUT

Cela a du travail pour moi

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            activity.getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
        }

Je suppose que cela est causé par votre android:windowBackground. Une @color/background_material_lightréférence au blanc?

Vérifiez que cette barre d'outils devient blanche - AppBar n'est pas dessinée après avoir été défilée hors de l'écran

https://code.google.com/p/android/issues/detail?id=178037#c19

J'utilise les bibliothèques 23.0.0. et le bogue persiste.

La solution de contournement consiste à ajouter une vue qui ne prend presque pas d'espace et peut être invisible. Voir la structure ci-dessous.

<android.support.v4.widget.NestedScrollView
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

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

<android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.Toolbar
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.design.widget.TabLayout
        app:layout_scrollFlags="scroll|enterAlways" />

    <View
        android:layout_width="match_parent"
        android:layout_height=".3dp"
        android:visibility="visible"/>

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

Ces questions sur Stackoverflow.com font également référence à ce bogue: la barre d'outils CoordinatorLayout invisible à l'entrée jusqu'à pleine hauteur AppBarLayout - Disposition parfois invisible une fois qu'elle entre dans la vue (même si elle n'est pas entrée)

Si vous utilisez RelativeLayout / CoordinatorLayout, c'est la solution qui a fonctionné pour moi:

Vous devez utiliser

• CoordinateurMise en page
• AppBarLayout

N'oubliez pas d'utiliser CoordinatorLayout au lieu de RelativeLayout (les performances sont meilleures et fonctionnent parfaitement avec AppBarLayout)

Voici comment votre fragment doit commencer

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
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:background="@android:color/background_light"
android:fitsSystemWindows="true"
>

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

Bon codage!

 <style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

ajouter l'élément 'windowTranslucentStatus' dans les styles

Ajoutez ceci dans votre style.xml

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

Remarque: la coloration de la barre d'état n'est pas prise en charge en dessous du niveau d'API 21.

    Window window = this.getWindow();
    window.setStatusBarColor(this.getResources().getColor(R.color.colorPrimaryDark));

Ajoutez cette ligne 2 dans le fichier java ci-dessous