Android NavigationView Navigation Group Switch

Question

Android Support Design Library provides NavigationView:

<android.support.design.widget.NavigationView ... app:menu="@menu/navigation_drawer_items" /> 

menu / navigation_drawer_items:

 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="single"> <item .../> ... </group> <group android:checkableBehavior="single"> <item .../> ... </group> </menu> 

How to add a separator, separator or space between groups (for example, in the picture)?

Answer 1

Only assigns a unique identifier to each group. Creates a separator automatically.

 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:id="@+id/group_feature" android:checkableBehavior="single"> <item android:id="@+id/navdrawer_item_map" android:checked="true" android:icon="@drawable/ic_drawer_map" android:title="@string/navdrawer_item_map"/> </group> <group android:id="@+id/group_settings" android:checkableBehavior="single"> <item android:id="@+id/navdrawer_item_settings" android:icon="@drawable/ic_drawer_settings" android:title="@string/navdrawer_item_settings"/> </group> </menu> 

Answer 2

you are doing something like this.

 <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:checkableBehavior="single"> <item android:id="@+id/nav_home" android:icon="@drawable/ic_dashboard" android:title="Home" /> <item android:id="@+id/nav_messages" android:icon="@drawable/ic_event" android:title="Messages" /> <item android:id="@+id/nav_friends" android:icon="@drawable/ic_headset" android:title="Friends" /> <item android:id="@+id/nav_discussion" android:icon="@drawable/ic_forum" android:title="Discussion" /> </group> <item android:title="Sub items"> <menu> <item android:icon="@drawable/ic_dashboard" android:title="Sub item 1" /> <item android:icon="@drawable/ic_forum" android:title="Sub item 2" /> </menu> </item> </menu> 

this code is taken from a sample Library Library application created by Chris Barnes https://github.com/chrisbanes/cheesesquare

Answer 3

I use it as follows:

 <group android:id="@+id/group1" android:checkableBehavior="single"> <item android:id="@+id/menu1" android:icon="@drawable/somedrawable" android:title="Lorem ipsum" /> </group> <group android:id="@+id/group2" android:checkableBehavior="single"> <item android:id="@+id/menu2" android:icon="@drawable/somedrawable" android:title="Dolor it amet" /> </group> 

Identifiers are important (+ id / group1 and + id / group2). Without identifiers you will not see a divisor. It works in my application.

Answer 4

You can add text between <item android:title="title_name"> and </item>

 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <group android:checkableBehavior="single"> <item android:id="@+id/nav_display_image" android:title="Load Image" android:icon="@drawable/ic_menu_gallery" app:showAsAction="always" app:actionLayout="@layout/switch_nav_drawer"/> <item android:id="@+id/nav_camera" android:icon="@drawable/ic_menu_camera" android:title="Saved News" /> <item android:id="@+id/nav_gallery" android:icon="@drawable/ic_menu_gallery" android:title="Gallery" /> <item android:id="@+id/nav_slideshow" android:icon="@drawable/ic_menu_slideshow" android:title="Slideshow" /> </group> <item android:title="Settings"> <menu> <item android:id="@+id/nav_manage" android:icon="@drawable/ic_menu_manage" android:title="Tools" /> </menu> </item> <item android:id="@+id/about_us" android:icon="@drawable/ic_info_black_24dp" android:title="About Us"></item> </menu> 

Answer 5

The separator in NavigationMenuList is achieved by grouping menu items, but be sure to specify the group identifier @@ id. Below is the working code for you

 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android"> <group android:id="@+id/gp_one" android:checkableBehavior="single"> <item android:id="@+id/nav_home" android:icon="@drawable/ic_avatar" android:title="Home" /> </group> <group android:id="@+id/gp_two" android:checkableBehavior="single"> <item android:id="@+id/nav_account" android:icon="@drawable/ic_avatar" android:title="My Account" /> <item android:id="@+id/nav_orders" android:icon="@drawable/ic_avatar" android:title="My Orders" /> <item android:id="@+id/nav_wishlist" android:icon="@drawable/ic_avatar" android:title="My Wishlist" /> </group> <group android:id="@+id/gp_three" android:checkableBehavior="single"> <item android:id="@+id/nav_rateus" android:icon="@drawable/ic_avatar" android:title="Rate Us" /> <item android:id="@+id/nav_share" android:icon="@drawable/ic_avatar" android:title="Share" /> <item android:id="@+id/nav_logout" android:icon="@drawable/ic_avatar" android:title="Logout" /> </group>