Android Material Design

Implementing material design in Android using AppCompat and Design Support Library

Transcript

1. Android Material Design using AppCompat and Design Support Library Raka Westu Mogandhi Onebit Brownbag Session October 23th
2. App Structure
3. Key Components • App bar • Side Navigation View • CardView • Floating Action Button
4. Toolbar/Appbar • Formerly known as the action bar. • Used for branding, navigation, and most-used actions. •
5. Side Navigation View • Can be left or right. • Mainly used for – Identity – Top level navigation
6. Cards • Displaying content composed of different elements.
7. Floating Action Button (FAB) • Used for promoted action. • For Example – Add (on a list) – Play (on an music item)
8. Support Library AppCompat v7+ Design Library • Backward support to API Level 7 (2.1) • Gradle usage: – compile 'com.android.support:appcompat-v7:23.1.0' – compile 'com.android.support:design:23.1.0' – compile 'com.android.support:cardview-v7:23.1.0' •
9. Why AppCompat? • Backward compatibility. • Consistent visual look across OS version. • Default template in Android Studio (1.4+).
10. Example • https://github.com/rakawestu/android-material- example Material Design Guidelines: • http://www.google.com/design/spec/material-des ign/introduction.html