https://github.com/codepath/android-facebook-navigation-drawer

The new material design style navigation drawer
https://github.com/codepath/android-facebook-navigation-drawer

Last synced: 3 days ago
JSON representation

The new material design style navigation drawer

• Host: GitHub
• URL: https://github.com/codepath/android-facebook-navigation-drawer
• Owner: codepath
• Created: 2015-06-26T15:46:13.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-07-05T18:40:25.000Z (almost 10 years ago)
• Last Synced: 2025-05-31T13:05:31.221Z (23 days ago)
• Language: Java
• Size: 1.17 MB
• Stars: 3
• Watchers: 22
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Android Navigation Drawer

The new material design style navigation drawer

## Overview

The navigation drawer is a panel that displays the app’s main navigation options on the left edge of the screen.

The objective of this exercise is to build navigation drawer based on material design guidelines. 

To achieve this, there are a few different components in this app:

1. `DrawerLayout` - The main layout for your activity. This will contain a FrameLayout which displays the contents of the fragment selected

2. `NavigationView` - It is a container for the Header View and Menu which you are going to use in your sliding drawer

3. `drawer_view` - This will be the list of items you show in the Drawer. Items can be grouped into sub-groups also using this menu xml file

4. `ActionBarDrawerToggle` - This is the class used to indicate to the user when a drawer is being opened or closed

## Usage

This app is intended to be the base project on top of which new features can be added. To use it, clone the project and import it using the following steps:

![Imgur](http://i.imgur.com/x5iXb8Y.gif)

Once you have imported base app, go ahead and run it, and you should see the following output : 

  

![Imgur](http://i.imgur.com/ju5Mprkm.png)

Now we will go ahead and implement the exercise. At the end of exercise, final output will be 

![Imgur](http://i.imgur.com/XoBgJBV.gif)