Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/janheinrichmerker/material-drawer
Custom drawer implementation for Material design apps.
https://github.com/janheinrichmerker/material-drawer
android android-library custom-drawer java jitpack material-components material-design material-drawer
Last synced: about 16 hours ago
JSON representation
Custom drawer implementation for Material design apps.
- Host: GitHub
- URL: https://github.com/janheinrichmerker/material-drawer
- Owner: janheinrichmerker
- License: mit
- Created: 2014-11-12T01:28:05.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2024-10-14T13:27:30.000Z (about 1 month ago)
- Last Synced: 2024-11-06T04:44:59.445Z (8 days ago)
- Topics: android, android-library, custom-drawer, java, jitpack, material-components, material-design, material-drawer
- Language: Java
- Homepage:
- Size: 16.6 MB
- Stars: 597
- Watchers: 39
- Forks: 133
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
material-drawer
===============
[](http://android-arsenal.com/details/1/1162)
[](https://jitpack.io/#com.heinrichreimersoftware/material-drawer)
[](https://travis-ci.org/janheinrichmerker/material-drawer)
[](https://github.com/janheinrichmerker/material-drawer/blob/master/LICENSE.txt)
Custom drawer implementation for Material design apps.
Demo
----
A demo app is available on Google Play:
Screenshots
-----------
|  |  |  |
|:-:|:-:|:-:|
| Fixed items | Select profile | Custom theme |
Dependency
----------
*material-drawer* is available on [**jitpack.io**][J]
**Gradle dependency:**
````gradle
repositories {
// ...
maven { url 'https://jitpack.io' }
}
````
````gradle
dependencies {
compile 'com.heinrichreimersoftware:material-drawer:2.3.3'
}
````
Get the latest dependency at [jitpack.io][J].
How-To-Use
----------
**Step 1:** Let your [`Activity`][ABA] extend [`DrawerActivity`][DA]:
````java
public class MainActivity extends DrawerActivity {}
````
**Step 2:** Set your content:
````java
setContentView(R.layout.activity_main);
````
**Step 3:** Add a profile:
````java
addProfile(
new DrawerProfile()
.setRoundedAvatar((BitmapDrawable)getResources().getDrawable(R.drawable.profile_avatar))
.setBackground(getResources().getDrawable(R.drawable.profile_cover))
.setName(getString(R.string.profile_name))
.setDescription(getString(R.string.profile_description))
.setOnProfileClickListener(new DrawerProfile.OnProfileClickListener() {
@Override
public void onClick(DrawerProfile drawerProfile, long id) {
Toast.makeText(MainActivity.this, "Clicked profile #" + id, Toast.LENGTH_SHORT).show();
}
})
);
````
**Step 4:** Populate your drawer list:
````java
addItem(
new DrawerItem()
.setImage(getResources().getDrawable(R.drawable.ic_first_item))
.setTextPrimary(getString(R.string.title_first_item))
.setTextSecondary(getString(R.string.description_first_item))
.setOnItemClickListener(new DrawerItem.OnItemClickListener() {
@Override
public void onClick(DrawerItem drawerItem, long id, int position) {
Toast.makeText(MainActivity.this, "Clicked first item #" + id, Toast.LENGTH_SHORT).show();
}
})
);
addDivider();
addItem(
new DrawerItem()
.setImage(getResources().getDrawable(R.drawable.ic_second_item))
.setTextPrimary(getString(R.string.title_second_item))
.setOnItemClickListener(new DrawerItem.OnItemClickListener() {
@Override
public void onClick(DrawerItem drawerItem, long id, int position) {
Toast.makeText(MainActivity.this, "Clicked second item #" + id, Toast.LENGTH_SHORT).show();
}
})
);
````
**Step 5:** Add `actionBarStyle` to your theme:
````xml
<item name="colorPrimary">@color/color_primary</item>
<item name="colorPrimaryDark">@color/color_primary_dark</item>
<item name="colorAccent">@color/color_accent</item>
<item name="actionBarStyle">@style/ThemeOverlay.AppCompat.Dark.ActionBar</item>
````
**Step 6 (Optional):** Change the drawer theme:
The drawer gets themed based on your selected app theme but you can also modify it.
````java
setDrawerTheme(
new DrawerTheme(this)
.setBackgroundColorRes(R.color.background)
.setTextColorPrimaryRes(R.color.primary_text)
.setTextColorSecondaryRes(R.color.secondary_text)
.setTextColorPrimaryInverseRes(R.color.primary_text_inverse)
.setTextColorSecondaryInverseRes(R.color.secondary_text_inverse)
.setHighlightColorRes(R.color.highlight)
);
````
**Step 7 (Optional):** Set your own [`Toolbar`][T]:
You can set your own [`Toolbar`][T] as you do with [`ActionBarActivity`][ABA].
````java
setSupportActionBar(toolbar);
````
Pro Tip: Lollipop status bar
----------------------------
**Step 1:** Make your status bar transparent:
````xml
<item name="android:windowDrawsSystemBarBackgrounds">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
````
**That's it!** *material-drawer* takes care of the rest.
Info: [`DrawerFrameLayout`][DFL] & [`DrawerView`][DV]
----------------------------
Of course you can use [`DrawerFrameLayout`][DFL] and [`DrawerView`][DV] alone too. See the comments in the Java files for further information.
Open source libraries
-------
_material-drawer_ uses the following open source libraries or files:
* [LinearListView][1] by [@frankiesardo][2] (Apache License 2.0)
* [ScrimInsetsScrollView][3] from the Google IO app 2014 by [@google][4] (Apache License 2.0)
* [ImageLoadingPattern][5] by [@Emanuel Vecchio][6] (Apache License 2.0)
* [RoundedAvatarDrawable][7] by [@Evelio Tarazona Cáceres][8] (Apache License 2.0)
License
-------
Copyright 2015 Heinrich Reimer
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
[1]: https://github.com/frankiesardo/LinearListView
[2]: https://github.com/frankiesardo
[3]: https://github.com/google/iosched/blob/master/android/src/main/java/com/google/samples/apps/iosched/ui/widget/ScrimInsetsScrollView.java
[4]: https://github.com/google
[5]: https://github.com/rnrneverdies/ImageLoadingPattern
[6]: https://github.com/rnrneverdies
[7]: https://gist.github.com/eveliotc/6051367
[8]: https://github.com/eveliotc
[J]: https://jitpack.io/#com.heinrichreimersoftware/material-drawer
[ABA]: http://developer.android.com/reference/android/support/v7/app/ActionBarActivity.html
[DA]: https://github.com/janheinrichmerker/material-drawer/blob/master/library/src/main/java/com/heinrichreimersoftware/materialdrawer/DrawerActivity.java
[T]: http://developer.android.com/reference/android/support/v7/widget/Toolbar.html
[DFL]: https://github.com/janheinrichmerker/material-drawer/blob/master/library/src/main/java/com/heinrichreimersoftware/materialdrawer/DrawerFrameLayout.java
[DV]: https://github.com/janheinrichmerker/material-drawer/blob/master/library/src/main/java/com/heinrichreimersoftware/materialdrawer/DrawerView.java