Barre d'état translucide/transparente + dispositif de coordination + barre D'outils + Fragment

tl;dr Set android:fitsSystemWindows="false" au moins jusqu'à la racine CoordinatorLayout et jusqu'au contenant intérieur du fragment, @frame_container .

cela pourrait ne pas être la solution finale (i.e. il pourrait y avoir d'autres fitsSystemWindows à changer) alors dites-moi si vous avez des problèmes.

pourquoi

quand il s'agit de la barre de statut, je pense à fitsSystemWindows comme ainsi:

• fitsSystemWindows="false" : dessine la vue normalement, sous la barre d'état en raison des drapeaux de fenêtre que vous avez mis.
• fitsSystemWindows="true" : dessine la vue normalement, sous la barre d'état en raison des drapeaux de fenêtre que vous avez mis, mais ajoute un rembourrage supérieur de sorte que le contenu est dessiné sous la barre d'état et ils ne se chevauchent pas.

en fait, à mon avis, Le le blanc que vous voyez n'est pas la couleur de la barre d'état, mais plutôt votre fond CoordinatorLayout . Cela est dû à fitsSystemWindows="true" sur le coordinateur: il dessine l'arrière-plan à l'ensemble de la fenêtre, mais ajoute le rembourrage supérieur au contenu de sorte que les vues internes ne sont pas couverts par la barre de statut.

Ce n'est pas ce que vous voulez. Votre contenu intérieur doit être couvert par la barre de statut, et donc vous devez mettre fitsSystemWindows="false" au coordinateur (pour qu'il ne s'applique pas le rembourrage supérieur) et probablement pour le contenu lui-même.

une fois que vous obtenez comment cela fonctionne, il est facile de déboguer et d'atteindre l'effet que vous recherchez . en fait, ce n'est pas le cas. Des années passent, mais je passe encore des heures à essayer de trouver la bonne combinaison fitsSystemWindows, parce que la plupart des vues (dans les bibliothèques de soutien au moins) outrepassent le comportement par défaut que j'ai indiqué ci-dessus, de façons qui ne sont généralement pas intuitives. Voir this post"" pour un petit guide sur la façon de l'utiliser.

modifiez vos styles.xml (v21) , ajouter le style suivant

 <style name="AppTheme.Home" parent="AppTheme.Base">
    <!-- Customize your theme here. -->
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:windowTranslucentNavigation">true</item>

</style>

vous pouvez changer le thème parent selon votre goût, mais maintenant déclarez ce thème dans votre AndroidManifest.fichier xml pour une activité particulière comme ceci :

 <activity
        android:theme="@style/AppTheme.Home"
        android:name=".HomeActivity"
        android:launchMode="singleTop"
        android:screenOrientation="portrait" />

cela permettra à votre contenu visible sous la barre d'action transparente.

utilisez maintenant ce qui suit pour aligner votre barre d'outils au-dessous de la barre D'État correctement, appelez ceci dans votre oncreate:

 toolbar.setPadding(0, getStatusBarHeight(), 0, 0);

obtenir la hauteur statusbar en utilisant ce qui suit:

public int getStatusBarHeight() {
    int result = 0;
    int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resourceId > 0) {
        result = getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

supprimer les éléments suivants des étiquettes de mise en page de votre coordonnateur:

    android:fitsSystemWindows="true"

maintenant, afin de réduire votre barre d'outils ou de la Cacher, vous pouvez vous référer au tutoriel suivant:

http://antonioleiva.com/collapsing-toolbar-layout/

assurez-vous que vous utilisez la version suivante de la bibliothèque de soutien de conception, car elle est sans bogue:

    compile 'com.android.support:design:23.1.0'

après avoir lu vos descriptions au sujet de votre question, j'ai pensé styles de Google Photos correspond à votre exigence.

OK, Il ya juste quelques conseils pour votre question. Après mon test, ça fonctionne.

• si vous voulez afficher du contenu derrière la barre d'état, vous devez ajouter <item name="android:windowTranslucentStatus">true</item> dans votre style lorsque le niveau de version Android est plus grand que 19 (à savoir KitKat )
• si vous voulez afficher du contenu derrière la barre de navigation, vous devez ajouter <item name="android:windowTranslucentNavigation">true</item> dans votre style lorsque le niveau de version Android est plus grand que 19 (à savoir KitKat )
• si vous voulez cacher Toolbar en douceur lorsque le contenu est déroulé et pour montrer Toolbar en douceur lorsque le contenu est déroulé, vous besoin d'ajouter app:layout_collapseMode="parallax" dans votre Les attributs de Toolbar basés sur vos codes actuels.Bien sûr, vous coordination des besoins Toolbar avec CollapsingToolbarLayout CoordinatorLayout et AppBarLayout .

comme certains utilisateurs l'ont dit, en réglant android:fitsSystemWindows="false" , la disposition se chevauchait en dessous de statusbar .

je l'ai résolu en mettant android:fitsSystemWindows="true" et dans CoordinatorLayout tag paramètre app:statusBarBackground="@android:color/transparent" .

j'ai eu le même problème et ma solution a été d'ajouter android: fitsSystemWindows= "true " à la DrawerLayout

<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.v4.widget.DrawerLayout>

j'ai eu des problèmes pertinents dépendent de android:fitsSystemWindows réglage. Une fois que la fausse: Des collations ont été tirées sous la barre de Navigation Une fois en vrai: La barre d'état n'avait aucun fond transparent

Solution était vraiment simple... Pour ajouter android:layout_marginBottom= "48dp".

just to add <android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
xmlns:map="http://schemas.android.com/apk/res-auto"
tools:context=".MapsActivity"
android:id="@+id/coordinatorLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"

android:fitsSystemWindows="false"
android:layout_marginBottom="48dp">

barre de Navigation théorique devrait avoir la taille fixe "48dp", mais dans les versions futures potentiellement il peut changer (comme barre D'État obtenu plus mince en 1dp en Guimauve), je ne voudrais pas compter sur taille fixe. Mieux en plus obtenir et appliquer sur le temps d'exécution.

si vous utilisez Google Map comme moi, vous pouvez vouloir savoir la taille de la barre D'ActionBar/barre d'outils et la barre de navigation dans le temps d'exécution:

dans onCreate utiliser ce code:

            final TypedArray styledAttributes = MapsActivity.this.getTheme().obtainStyledAttributes(
                new int[]{android.R.attr.actionBarSize});
        mToolbarHeight = (int) styledAttributes.getDimension(0, 0);
        styledAttributes.recycle();
        // translucent bars code. Will not fire below Lollipop
        // Ask NavigationBar Height
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.coordinatorLayout),
                new OnApplyWindowInsetsListener() { // setContentView() must be fired already
                    @Override
                    public WindowInsetsCompat onApplyWindowInsets(View v, WindowInsetsCompat insets) {
                        statusBar = insets.getSystemWindowInsetTop(); // You may also need this value
                        mNavBarHeight = insets.getSystemWindowInsetBottom();
                        if (mMap != null)
                            mMap.setPadding(0, mToolbarHeight, 0, mNavBarHeight);
                        // else will be set in onMapReady()
                        SharedPreferences.Editor editor = mSharedPref.edit();
                        editor
                                .putInt(NAVBAR_HEIGHT_KEY, mNavBarHeight)
                                .commit(); // Save the results in flash memory and run the code just once on app first run instead of doing it every run
                        return insets;
                    }
                }
        );

et ce qui est important. Si vous avez des couches supplémentaires comme tiroir etc mettez-les encapsuler le niveau de coordination à l'intérieur plutôt qu'à l'extérieur comme autrement il fera d'autres vues à l'intérieur plus court par le marginBottom