Skip to content

Instantly share code, notes, and snippets.

@jorgecasariego

jorgecasariego/new_gist_file.md

Created June 24, 2015 20:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jorgecasariego/6197e7a454fc3514caad to your computer and use it in GitHub Desktop.
Save jorgecasariego/6197e7a454fc3514caad to your computer and use it in GitHub Desktop.
Download ZIP
android-material-drawer-template
Raw
new_gist_file.md

android-material-drawer-template

NEW

I released a new template. You can install it on your Android Studio to create Material Design applications easier than ever. Check it out here: https://github.com/kanytu/Android-studio-material-template

DEPRECATED I'm not currently supporting this repository. Please check Android Studio template for an updated material template for Android Studio.

An Android template with navigation drawer for material design

Customization

  • Change your drawer item on: drawer_row.xml
  • Make sure you change NavigationDrawerAdapter to populate the ViewHolder with the new xml layout.
  • If you want to set a different layout for the selected item refer to onBindViewHolder method on the NavigationDrawerAdapter
  • If you want to display more information on each row, like an image for example, change the NavigationItem and add what you need. Make sure you change it's constructor and edit also the getMenu() method on the fragment.

Reminders

  • Your activity must implement NavigationDrawerCallbacks
  • You must call NavigationDrawerFragment.setup() to setup the drawer.
  • You must <include/> the toolbar_default.xml in all your activities's XML and set it to the supportActionBar with setSupportActionBar(). Remember to extend the activity to ActionBarActivity

NavigationDrawer

Note

There are three example XML's for you activities. All them with diferent approaches on the navigation drawer pattern:

activity_main.xml Navigation drawer bellow the toolbar. (Google Inbox style)

NavigationDrawer

activity_main_blacktoolbar Navigation drawer bellow the toolbar, toolbar transition to black (Google Play Store style)

NavigationDrawer

activity_main_topdrawer Navigation drawer on top of the toolbar (Gmail style)

NavigationDrawer

There are also two XML's for the navigation drawer. You can alternate between these two by changing: (...) inflater.inflate(R.layout.fragment_navigation_google, container, false); on NavigationDrawerFragment:43

fragment_navigation_drawer Normal navigation drawer with just a RecyclerView. fragment_navigation_google Navigation drawer with the same theme as Google apps

Android Arsenal

License

Copyright (c) 2014 Pedro Oliveira

Licensed under the Apache License, Version 2.0

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment