Android Studio de navigation tiroir de l'application Gmail

L'effet que vous voulez peut être obtenue en utilisant la fenêtre des éléments de la com.android.support:design soutien lib.

Vous pouvez trouver un tutoriel complet sur ce ici. Et vous pouvez télécharger le code source complet à partir de ce tutoriel ici.

Et voici un autre tutoriel de nice que vous pourriez suivre.

Mais c'est une longue histoire courte, de ce point de vue est partagé entre deux pièces principales, un en-tête et un menu de la partie, et chacun de ceux que vous aurez à définir sur le langage XML.

Qu'à partir de ce tutoriel:

Vue D'En-Tête

Ce point de Vue est essentiellement la partie supérieure de la navigation
tiroir, qui détient la photo de profil, nom et email etc. Vous avez besoin
pour définir ce dans un autre fichier de mise en page nous considérerons que dans
juste un moment.

Menu

C'est le menu que vous souhaitez afficher en dessous de l'en-tête, nous définissons
menu dans un menu dossier, tout comme vous définissez le menu de votre débordement
menu. Donc, fondamentalement, la fenêtre des éléments est un conteneur pour la Vue d'en-Tête
et le Menu qui vous allez utiliser dans votre tiroir à glissière de guidage. Alors maintenant
que vous compreniez la fenêtre des éléments, nous pouvons commencer à construire notre
Navigation Tiroir.

Avec cela à l'esprit, construire votre tête comme vous le feriez avec toute autre disposition. Et le Menu est définie un peu comme la Barre d'outils/ActionBar menu. par exemple:

navigation_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group
        android:checkableBehavior="single">

        <item
            android:id="@+id/drawer_home"
            android:checked="true"
            android:icon="@drawable/icon_home"
            android:title="@string/title_home"/>

        <item
            android:id="@+id/drawer_content"
            android:icon="@drawable/icon_content"
            android:title="@string/title_content"/>

        <item
            android:id="@+id/drawer_about"
            android:icon="@drawable/icon_about"
            android:title="@string/title_about"/>

        <item
            android:id="@+id/drawer_exit"
            android:icon="@drawable/icon_exit"
            android:title="@string/title_exit"/>

        </group>
</menu>

Ensuite, sur votre Activity vous aurez juste à faire une mise en page comme celle que l'on trouve dans le tutoriel, en utilisant la DrawerLayout avec NavigationView.

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical"
        >
        <include
            android:id="@+id/toolbar"
            layout="@layout/tool_bar"/>
        <FrameLayout
            android:id="@+id/frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </FrameLayout>

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        app:headerLayout="@layout/header"
        app:menu="@menu/navigation_menu"/>
</android.support.v4.widget.DrawerLayout>

Vous aurez aussi à créer des Fragments pour chaque écran que vous souhaitez afficher avec ce NavigationView. Après vous avez fait cela, sur votre Activity vous pouvez gérer les événements de sélection par la mise en œuvre de NavigationView.OnNavigationItemSelectedListener, comme ceci:

public class MainActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener { 
    //Your Activity
        @Override
    public boolean onNavigationItemSelected(MenuItem menuItem) {
        Fragment fragment = null;

        switch(menuItem.getItemId()) {
            case R.id.drawer_home:
                fragment = new YourFragment();
                break;
            case R.id.drawer_content:
                fragment = new AnotherFragment();
                break;
            case R.id.drawer_about:
                fragment = new AboutFragment();
                break;
            case R.id.drawer_exit:
                //TODO - Prompt to exit.
                finish();
                break;
        }

        if (fragment == null) {
            fragment = new YourFragment();
        }

        drawerLayout.closeDrawers();

        FragmentManager fragmentManager = getSupportFragmentManager();
            fragmentManager.beginTransaction()
                    .replace(R.id.container, fragment)
                    .commit();

        return true;
    }
}

Comme pour votre travail d'édition, les icônes peuvent être représentées par un ImageView. Et pour naviguer entre plusieurs profils, cela dépend de comment vous avez mis en œuvre cette logique de votre application, mais comme un "générique" en réponse, vous pouvez passer ces profils à l'aide de quelque chose comme un Spinner.

Ces tutoriels vont vous aider à franchir cette étape:

• Android spinner (liste déroulante) exemple
• Android - Spinner
• De base Spinner exemple (Stackoverflow question)
• Toupies (Android dev guide)

Une fois que vous avez mis sur votre en-tête, gérer la sélection de l'élément et modifier le profil de l'utilisateur en conséquence. (Cette dernière partie qui dépend ENTIÈREMENT de la façon dont vous avez mis en œuvre des profils d'utilisateur de votre application). Mais juste en tant que "head start", vous pouvez cocher la case android site de formation, plus précisément, cette partie.

OriginalL'auteur Mauker

Je pense que ce MaterialDrawer est ce que vous cherchez. Cette bibliothèque a beaucoup d'exemples. Vous pouvez utiliser cette bibliothèque, directement ou lire le code source et de mettre en œuvre votre propre tiroir.

OriginalL'auteur Zhaolong Zhong