Android: Personnaliser le tiroir de l'application de navigation

Question

J'ai la conception ci-dessous à implémenter pour le tiroir de l'application de navigation Android de l'application et je suis confus comment s'y prendre.

Dans ma conception, il y a une bande noire sur le côté gauche, qui a également une image. Ma question est comment puis-je créer cet espace dans le tiroir de l'application?

J'ai essayé d'ajouter une mise en page dans le tiroir de l'application mais je n'ai pas pu. Il permet uniquement d'ajouter des éléments et des groupes. Quelles sont mes options possibles?

<?xml version="1.0" encoding="utf-8"?> 
<menu xmlns:android="http://schemas.android.com/apk/res/android"> 
    android:background="@color/colorBg" 

    <group android:checkableBehavior="single"> 


     android:background="@color/colorBg" 
     <item 
      android:id="@+id/myasset" 
      android:background="@color/colorBg" 
      android:title="My Asset" /> 

     <item 
      android:id="@+id/account" 
      android:background="@color/colorBg" 
      android:title="Account" /> 

     <item 
      android:id="@+id/howitworks" 
      android:background="@color/colorBg" 
      android:title="How it works" /> 

     <item 
      android:id="@+id/feedback" 
      android:background="@color/colorBg" 
      android:title="Feedback" /> 

     <item 
      android:id="@+id/legal" 
      android:background="@color/colorBg" 
      android:title="Legal" /> 

     <item 
      android:id="@+id/exit" 
      android:background="@color/colorBg" 
      android:title="Exit" /> 

    </group> 



</menu> 

Answer 1

La solution qui a fonctionné pour moi est la réponse de Hamzeh Soboh ici.

https://stackoverflow.com/a/31716815/609235

Answer 2

Lorsque vous créez nouveau projet dans Android studio, il y a une option qui vous aider à construire NavigationDrawer.

Par défaut activity_main.xml dans layout

<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" 
tools:openDrawer="start"> 

<include 
    layout="@layout/app_bar_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

<android.support.design.widget.NavigationView 
    android:id="@+id/nav_view" 
    android:layout_width="wrap_content" 
    android:layout_height="match_parent" 
    android:layout_gravity="start" 
    android:fitsSystemWindows="true" 
    app:headerLayout="@layout/nav_header_main" 
    app:menu="@menu/activity_main_drawer" /> 

Et vous pouvez faire quoi que ce soit avec ou activity_main_drawenav_header_main.

Answer 3

Vous pouvez créer un tiroir de navigation personnalisé . Essayez ci-dessous tutoriel:

Custom navigation drawer 1

Custom navigation drawer 2