How to set Navigation Drawer to be opened from right to left

Question

First of all I know this question appeared here before but after trying a lot I still didn t succeed  I working on the example from  Android Developers site   I m trying to set the menu to be opened from right to left instead of how its implementing in the example  from left to right   In addition I want to move the open menu button to the right side of the action bar  I also red some answers here  for example in this answer   I try to change the gravity of the views and the layouts but I get the error   no drawer view found with absolute gravity LEFT  Can you please help me to figure out what is the problem in my code and what should I change in order to set the menu to be opened from the right  and to move the action bar button to the right side   the xml code is here    lt android support v4 widget DrawerLayout      xmlns android  http   schemas android com apk res android      android id    id drawer layout      android layout gravity  right      android layout width  match parent      android layout height  match parent   gt        lt FrameLayout         android id    id content frame          android layoutDirection  rtl          android layout width  match parent          android layout height  match parent            gt        lt ListView android id    id left drawer          android layout width  200dp          android layout height  match parent          android layout gravity  right          android choiceMode  singleChoice          android divider   android color transparent          android dividerHeight  10dp          android background   111   gt    lt  android support v4 widget DrawerLayout gt

User · Answer

You should firstly put this code in your AppManifest.xml in the application tag:

android:supportsRtl="true"

then in your activity_main.xml file, put this piece of code:

android:layout_direction="rtl"

User · Answer

This answer is useful to set the navigation be open from right to left  but it has no solution to set its icon to be right side  This code can fix it  If you give it the drawer as its first param and ViewCompat LAYOUT DIRECTION RTL as its second param  the entier layout will be set to RTL  It is a quick and simple solution  but I don t think it can be a correct solution for who that want to only set the menu to be opened from right to left and set its icon to be on right side   Although  it s depended to your purpose   However  I suggest giving the toolbar instead of the drawer  In this way just the toolbar has become RTL  So I think the combination of these 2 answers can exactly do what you want   According to these descriptions  your code should be like this    Add these lines to onCreate method   final DrawerLayout drawer    DrawerLayout  findViewById R id drawer layout      Set it final to fix the error that will be mention below       ViewCompat setLayoutDirection toolbar  ViewCompat LAYOUT DIRECTION RTL        toolbar setNavigationOnClickListener new View OnClickListener              Override         public void onClick View v                if  drawer isDrawerOpen Gravity RIGHT                   drawer closeDrawer Gravity RIGHT               else                 drawer openDrawer Gravity RIGHT                       Notice that you should make drawer final  otherwise you will get this error      Variable  drawer  is accessed from within inner class  needs to be   declared final   And don t forget to use end instead of start in onNavigationItemSelected method   drawer closeDrawer GravityCompat END     and in your activity main xml   lt android support v4 widget DrawerLayout     android id    id drawer layout     tools openDrawer  end  gt       lt android support design widget NavigationView       android id    id nav view        android layout gravity  end   gt   lt  android support v4 widget DrawerLayout gt

User · Answer

I did following modification to the Navigation Drawer Activity example in Android Studio  With support libraries 25 3 1   MainActivity java   private DrawerLayout mDrawerLayout    Override protected void onCreate Bundle savedInstanceState        super onCreate savedInstanceState       setContentView R layout activity main       Toolbar toolbar    Toolbar  findViewById R id toolbar       setSupportActionBar toolbar        ActionBar actionBar   getSupportActionBar        if  actionBar    null            actionBar setDisplayHomeAsUpEnabled true              mDrawerLayout    DrawerLayout  findViewById R id drawer layout        NavigationView navigationView    NavigationView  findViewById R id nav view       navigationView setNavigationItemSelectedListener this       Override public void onBackPressed         if  mDrawerLayout isDrawerOpen GravityCompat END             mDrawerLayout closeDrawer GravityCompat END         else           super onBackPressed              Override public boolean onCreateOptionsMenu Menu menu        getMenuInflater   inflate R menu main  menu       return true      Override public boolean onOptionsItemSelected MenuItem item        int itemId   item getItemId        switch  itemId            case android R id home              finish                return true           case R id action right drawer              if  mDrawerLayout isDrawerOpen GravityCompat END                     mDrawerLayout closeDrawer GravityCompat END                 else                   mDrawerLayout openDrawer GravityCompat END                             return true           default              return super onOptionsItemSelected item             SuppressWarnings  StatementWithEmptyBody    Override public boolean onNavigationItemSelected MenuItem item           Handle navigation view item clicks here       mDrawerLayout closeDrawer GravityCompat END       return true      main xml  download ic menu white 24px from https   material io icons      lt  xml version  1 0  encoding  utf-8   gt       lt menu xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto  gt       lt item android id    id action right drawer          android title  Drawer menu          android icon   drawable ic menu white 24px          android orderInCategory  100          app showAsAction  always    gt   lt  menu gt    In activity main xml change  android layout gravity  start    to  android layout gravity  end

User · Answer

Here is the documentation on the drawer and it appears that you can configure it to pull out from the left or right      Drawer positioning and layout is controlled using the android layout gravity attribute on child views corresponding to which side of the view you want the drawer to emerge from  left or right   Or start end on platform versions that support layout direction     http   developer android com reference android support v4 widget DrawerLayout html

User · Answer

Add this code to manifest    lt application android supportsRtl  true  gt    and then write this code on Oncreate   getWindow   getDecorView   setLayoutDirection View LAYOUT DIRECTION RTL     It works for me

User · Answer

Making it open from rtl isn t good for user experience  to make it responsive to the user locale I just added the following line to my DrawerLayout parameters   android layoutDirection  locale    Added it to my AppBarLayout to make the hamburger layout match the drawer opening direction too

User · Answer

In your main layout set your ListView gravity to right   android layout gravity  right     Also in your code    mDrawerToggle   new ActionBarDrawerToggle this  mDrawerLayout              R drawable ic drawer  R string drawer open              R string drawer close          Override     public boolean onOptionsItemSelected MenuItem item            if  item    null  amp  amp  item getItemId      android R id home                if  mDrawerLayout isDrawerOpen Gravity RIGHT                     mDrawerLayout closeDrawer Gravity RIGHT                              else                   mDrawerLayout openDrawer Gravity RIGHT                                   return false             hope it works

User · Answer

Take a look at this  slide ExpandableListView at DrawerLayout form right to left  I assume you have the ActionBarDrawerToggle implemented  the trick is to override the onOptionsItemSelected MenuItem item  method inside the ActionBarDrawerToggle object with this        Override     public boolean onOptionsItemSelected MenuItem item            if  item    null  amp  amp  item getItemId      android R id home                if  mDrawer isDrawerOpen Gravity RIGHT                     mDrawer closeDrawer Gravity RIGHT                 else                   mDrawer openDrawer Gravity RIGHT                             return true                    return false          make sure and call this from onOptionsItemSelected MenuItem item  in the Activity    Override public boolean onOptionsItemSelected MenuItem item     if mDrawerToggle onOptionsItemSelected item         return true     return super onOptionsItemSelected item       This will allow you to use the the home button functionality   To move the button to the right  side of the action bar you will have to implement a custom action item  and maybe some other stuff to get it to work like you want

User · Answer

SOLUTION    your layout xml    lt  xml version  1 0  encoding  utf-8   gt   lt 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  end  gt        lt include layout   layout app bar root          android layout width  match parent          android layout height  match parent    gt        lt android support design widget NavigationView         android id    id nav view          android layout width  wrap content          android layout height  match parent          android layout gravity  end          android fitsSystemWindows  true          app itemTextColor   color black          app menu   menu activity root drawer    gt    lt  android support v4 widget DrawerLayout gt    YourActivity java    Override protected void onCreate Bundle savedInstanceState          toolbar    Toolbar  findViewById R id toolbar    drawer    DrawerLayout  findViewById R id drawer layout   ActionBarDrawerToggle toggle   new ActionBarDrawerToggle              this  drawer  toolbar  R string navigation drawer open  R string navigation drawer close   drawer setDrawerListener toggle   toggle syncState     toolbar setNavigationOnClickListener new View OnClickListener               Override         public void onClick View v                if  drawer isDrawerOpen Gravity RIGHT                     drawer closeDrawer Gravity RIGHT                 else                   drawer openDrawer Gravity RIGHT

User · Answer

DrawerLayout Properties android layout gravity  right end  and tools openDrawer  end  NavigationView Property android layout gravity  end   XML Layout   lt  xml version  1 0  encoding  utf-8   gt   lt androidx drawerlayout 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 layout gravity  right end      tools openDrawer  end  gt        lt include layout   layout content main    gt        lt com google android material navigation NavigationView         android id    id nav view          android layout width  wrap content          android layout height  match parent          android layout gravity  end          android fitsSystemWindows  true          app headerLayout   layout nav header main          app menu   menu activity main drawer    gt    lt  androidx drawerlayout widget DrawerLayout gt    Java Code     Appropriate Click Event or Menu Item Click Event  if  drawerLayout isDrawerOpen GravityCompat END           drawerLayout closeDrawer GravityCompat END      else         drawerLayout openDrawer GravityCompat END       With Toolbar toolbar    Toolbar  findViewById R id toolbar    drawer    DrawerLayout  findViewById R id drawer layout   ActionBarDrawerToggle toggle   new ActionBarDrawerToggle              this  drawer  toolbar  R string navigation drawer open  R string navigation drawer close   drawer setDrawerListener toggle   toggle syncState     toolbar setNavigationOnClickListener new View OnClickListener               Override         public void onClick View v                  Gravity END or Gravity RIGHT             if  drawer isDrawerOpen Gravity END                     drawer closeDrawer Gravity END                 else                   drawer openDrawer Gravity END

User · Answer

I have solved this problem by changing the gravity of the navigationview      android layout gravity   to end instead of start    lt android support design widget NavigationView         android id    id nav view          android layout width  wrap content          android layout height  match parent          android layout gravity  end          android fitsSystemWindows  true          app headerLayout   layout nav header          app menu   menu activity drawer    gt    It worked for me

User · Answer

the main issue with the following error   no drawer view found with absolute gravity LEFT  is that  you defined the   android layout gravity  right    for list-view in right  but try to open the drawer from left  by calling this function   mDrawerToggle syncState      and clicking on hamburger icon   just comment the above function and try to handle open close of menu like  Rudi said

[android] How to set Navigation Drawer to be opened from right to left

Examples related to android

Examples related to navigation-drawer

Examples related to right-to-left