Bibliothèque de design Android CoordinatorLayout, AppBarLayout et DrawerLayout

Je suis en utilisant le modèle Android bibliothèque API 22. Je voudrais:

avoir une Barre d'outils et un DrawerLayout à l'intérieur de laquelle il y a un RecyclerView
ont la DrawerLayout être en dessous de la Barre d'outils; par exemple, lorsque la barre d'outils est visible, le tiroir principal contenu doit être en dessous d'elle, et l' (à gauche) tiroir devrait également être en dessous de sorte que, lorsqu'il est étendu, la barre d'outils est toujours visible
ont de la Barre d'outils pour faire défiler l'écran quand le recycleur vue défile vers le bas

Est-ce même possible? J'ai des problèmes pour se marier #2 et #3. La façon dont il est maintenant, c'est que la barre d'outils est toujours au-dessus du tiroir de mise en page, couvrant la première entrée dans le recycleur, et le haut du tiroir gauche. Voici mon fichier de mise en page (incomplète, mais en montrant ma structure):

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

    <android.support.v4.widget.DrawerLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <RecyclerView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:scrollbars="vertical"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"/>

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

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <Toolbar
            android:layout_width="match_parent"
            android:layout_height="?android:attr/actionBarSize"
            app:layout_scrollFlags="scroll|enterAlways"/>

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

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

On dirait bien que le RecyclerView app:layout_behavior="@string/appbar_scrolling_view_behavior" réglage n'a aucun effet, parce que quand il est supprimé, le comportement est le même.

J'ai essayé d'ajouter un RelativeLayout comme un enfant de la CoordinatorLayout de définir que le tiroir est en dessous de la barre d'outils etc. mais rien ne semble fonctionner.

Est ce que je suis en train de réaliser possible avec la bibliothèque?

source d'informationauteur wujek

Essayez les solutions suivantes si vous voulez voir l'animation du hamburger icône et la flèche. Si vous incluez la marge du haut (layout_marginTop) pour la fenêtre des éléments, il va se déplacer vers le bas.

<?xml version="1.0" encoding="utf-8"?>

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/navigation_drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <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/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:id="@+id/appbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:layout_scrollFlags="scroll|enterAlways" />

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

        <!-- main content view -->
        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@android:color/background_light"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

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

    <!-- The navigation drawer -->
    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:menu="@menu/drawer_menu"/>

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

Oui! Il est possible.

<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/drawerLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true">

    <android.support.design.widget.CoordinatorLayout
        android:id="@+id/coordinatorLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".StartupActivity">

        <android.support.design.widget.AppBarLayout
            android:id="@+id/appBarLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/app_bar"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:layout_scrollFlags="scroll|enterAlways"
                app:theme="@style/Theme.AppCompat.NoActionBar"/>

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

        <android.support.v7.widget.RecyclerView
            android:id="@+id/scrollRecyclerView"
            android:layout_width="match_parent"
            android:layout_height="fill_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            />

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

    <android.support.v7.widget.RecyclerView
        android:id="@+id/drawer_recycler_view"
        android:layout_width="320dp"
        android:layout_height="match_parent"
        android:layout_gravity="left|start"
        android:background="@color/WhiteColor"
        android:fitsSystemWindows="true"
        android:scrollbars="vertical"/>

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

Comme vous pouvez le voir, ce qui compte c'est essentiellement que vous définissez app:layout_scrollFlags="scroll|enterAlways" de votre barre d'outils pour masquer lorsque vous faites défiler. Le RecyclerView au bas de la code est celui à l'intérieur de la DrawerLayoutl'un au-dessus est le seul dans votre activité principale disposition.

0

De la les développeurs de page:

DrawerLayout agit comme un de haut niveau conteneur pour du contenu de la fenêtre qui
permet interactif "tiroir" points de vue à être tiré à partir du bord
de la fenêtre.

Au premier abord, essayez de placer le DrawerLayout comme un conteneur de niveau supérieur (c'est à dire parent de mise en page). Ensuite, placez la CoordinatorLayout ci-dessous et voir ce qui se passe.

De Plus, vous n'avez pas ajouté le la fenêtre des éléments. Veuillez vérifier les fondamentaux instructions ici.

Essayez cela, il doit travailler, a travaillé pour moi.

    <android.support.design.widget.CoordinatorLayout
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:layout_scrollFlags="scroll|enterAlways"
                />

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

        <android.support.v4.widget.DrawerLayout
            android:id="@+id/drawer_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
           app:layout_behavior="@string/appbar_scrolling_view_behavior"
            >
          <android.support.v7.widget.RecyclerView
                 android:id="@+id/scrollingRecyclerView"
                 android:layout_width="match_parent"
                 android:layout_height="fill_parent"
        />

            <!-- The navigation drawer -->
            <FrameLayout
                android:id="@+id/right_frame"
                android:layout_height="match_parent"
                android:layout_gravity="start"/> (whatever)

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

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

Le comportement de défilement doit être définie à l'enfant direct de CoordinatorLayout (à DrawerLayout). Cela devrait résoudre votre #2#3 problèmes. Et dans le cas où votre tiroir de contenu contient recyclerView Barre d'outils sera de nouveau défilé hors de l'écran.

0

Sa fait un long moment maintenant, mais je crois que ça aide toujours quelqu'un.
Tiroir de Mise en page doit avoir un enfant de mise en page. Selon android docs il doit être FrameLayout parce que le XML commande implique z de la commande et le tiroir doit être sur le dessus du contenu. Visitez le lien ci-dessous.

La création d'un Tiroir de Navigation

Ajouter votre AppBarLayout, Barre d'outils, RecyclerView et tous les autres points de vue dans FrameLayout et d'en faire un enfant de Tiroir de Mise en page. J'espère qu'il va exécuter.

Vous devez vous connecter pour publier un commentaire.