Add a section header in ListView Menu

Question

I want to make a menu with some section headers. But the source code in androidhive (http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/) is not supported it.

So how to add a section header (or make a menu item to be a section header) without change the whole source code ? Please help me!

Here's the screenshot, i want to make the "Lock", "Unlock" and "Learn" item to be the section header: https://i.stack.imgur.com/sk1zZ.png

Here's how I add item:

navDrawerItems = new ArrayList<NavDrawerItem>();


    // adding nav drawer items to array

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[8],0));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[0], navMenuIcons.getResourceId(0, -1)));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[1], navMenuIcons.getResourceId(1, -1)));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[2], navMenuIcons.getResourceId(2, -1)));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[3], navMenuIcons.getResourceId(3, -1)));       //, true, "22")); để thêm cái đuôi đằng sau

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[4], navMenuIcons.getResourceId(4, -1)));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[9],0));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[5], navMenuIcons.getResourceId(5, -1)));       //, true, "50+"));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[6], navMenuIcons.getResourceId(6, -1)));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[10], 0));

    navDrawerItems.add(new NavDrawerItem(navMenuTitles[7], navMenuIcons.getResourceId(7, -1)));

    // Recycle the typed array
    navMenuIcons.recycle();

UPDATE:

I can't use Material Design due to some personal reasons
What i need is Section Header. I did a "2 ListView in a Drawer and add Header in each ListView" but... yeah, it failed obviously!

score 0 · Answer 1 · answered Aug 29 '15 at 07:55

I recommend you to use this library: https://github.com/mikepenz/MaterialDrawer

Here you can implement your navigation drawer in less than 5 minutes.

You can find there configurations for Activities with ActionBar, implement right and left menus etc.

The basic configuration is:

Gradle dependency:

compile('com.mikepenz:materialdrawer:4.0.3@aar') {
    transitive = true
}

Add it to your Activity:

new DrawerBuilder().withActivity(this).build();

For advanced settings, you can follow the readme or taking a look to the given examples.

I hope this would help you!

i actually did a Material Design NavigationView once. But now i can't use it! Any idea how to add Section Header without using Material Design? — Chris Maverick, Aug 29 '15 at 10:03

score 0 · Answer 2 · answered Aug 29 '15 at 08:01

0

You can create a menu_layout XML layout that contains ListView. Add this menu_layout XML layout in DrawerLayout. Now populate your menu in ListView programmatically. Now you can create a new header_layout XML. Add this header_layout programmatically in header view of ListView using addHeaderView() method.

answered Aug 29 '15 at 08:01

Sagar Trehan

2,401
2
24
32

"Add this menu_layout XML layout in DrawerLayout" - Can you tell me how can i do that ? – Chris Maverick Aug 29 '15 at 10:02

score 0 · Accepted Answer · answered Aug 30 '15 at 03:28

0

oh, i got the answer!

Just add isEnabled() - false and change the layout at the specific positions in the adapter.

And my menu item changed to section header!

answered Aug 30 '15 at 03:28

Chris Maverick

928
1
8
18

Add a section header in ListView Menu

3 Answers3