Navigation Drawer Activity with material design style and simplified methods
It requires 11+ API and android support v7 (Toolbar)
If you are using MaterialNavigationDrawer in your app and would like to be listed here, please let me know via email!
In your Activity...
public class MyActivity extends MaterialNavigationDrawer implements MaterialAccountListener {
@Override
public void init(Bundle savedInstanceState) {
// add first account
MaterialAccount account = new MaterialAccount("NeoKree","[email protected]",this.getResources().getDrawable(R.drawable.photo),this.getResources().getDrawable(R.drawable.bamboo));
this.addAccount(account);
// set listener
this.setAccountListener(this);
// add your sections
this.addSection(this.newSection("Section 1",new FragmentIndex()));
this.addSection(this.newSection("Section 2",new FragmentIndex()));
this.addDivisor();
this.addSection(this.newSection("Recorder",this.getResources().getDrawable(R.drawable.ic_mic_white_24dp),new FragmentIndex()).setNotifications(10));
// add custom colored section with icon
this.addSection(this.newSection("Night Section", this.getResources().getDrawable(R.drawable.ic_hotel_grey600_24dp), new FragmentIndex())
.setSectionColor(Color.parseColor("#2196f3")).setNotifications(150)); // material blue 500
this.addDivisor();
// add custom colored section with only text
this.addSection(this.newSection("Last Section", new FragmentIndex()).setSectionColor((Color.parseColor("#ff9800")))); // material orange 500
Intent i = new Intent(this,Settings.class);
this.addSection(this.newSection("Settings",this.getResources().getDrawable(R.drawable.ic_settings_black_24dp),i));
}
}
In your styles.xml choose your version:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="MaterialNavigationDrawerTheme">
<!-- Customize your theme here. -->
<item name="colorPrimary">#8bc34a</item>
<item name="colorPrimaryDark">#558b2f</item>
<item name="colorAccent">@color/grey_1000</item>
</style>
<!-- Light version theme. -->
<style name="AppTheme" parent="MaterialNavigationDrawerTheme.Light">
<!-- Customize your theme here. -->
<item name="colorPrimary">#8bc34a</item>
<item name="colorPrimaryDark">#558b2f</item>
<item name="colorAccent">@color/grey_1000</item>
</style>
<!-- Light version with Black actionbar -->
<style name="AppTheme" parent="MaterialNavigationDrawerTheme.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">#8bc34a</item>
<item name="colorPrimaryDark">#558b2f</item>
<item name="colorAccent">@color/grey_1000</item>
</style>
</resources>
N.B. Not override OnCreate
method! Use init
method instead.
dependencies { compile 'it.neokree:MaterialNavigationDrawer:1.2.6' }
You don't know how to do something? Visit the [wiki](https://github.com/neokree/MaterialNavigationDrawer/wiki)!
<img src="https://raw.github.com/neokree/MaterialNavigationDrawer/master/screen1.png" alt="screenshot" width="300px" height="auto" />
<img src="https://raw.github.com/neokree/MaterialNavigationDrawer/master/screen2.png" alt="screenshot" width="300px" height="auto" />
<img src="https://raw.github.com/neokree/MaterialNavigationDrawer/master/screen3.png" alt="screenshot" width="300px" height="auto" />
<img src="https://raw.github.com/neokree/MaterialNavigationDrawer/master/screen4.png" alt="screenshot" width="300px" height="auto" />
<img src="https://raw.github.com/neokree/MaterialNavigationDrawer/master/screen5.png" alt="screenshot" width="600px" height="auto" />