Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Android Material Design

Android Material Design

Implementing material design in Android using AppCompat and Design Support Library

Avatar for Raka Westu Mogandhi

Raka Westu Mogandhi

October 23, 2015
Tweet

More Decks by Raka Westu Mogandhi

Other Decks in Programming

Transcript

  1. Android Material Design using AppCompat and Design Support Library Raka

    Westu Mogandhi Onebit Brownbag Session October 23th
  2. Key Components • App bar • Side Navigation View •

    CardView • Floating Action Button
  3. Toolbar/Appbar • Formerly known as the action bar. • Used

    for branding, navigation, and most-used actions. •
  4. Side Navigation View • Can be left or right. •

    Mainly used for – Identity – Top level navigation
  5. Floating Action Button (FAB) • Used for promoted action. •

    For Example – Add (on a list) – Play (on an music item)
  6. 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' •
  7. Why AppCompat? • Backward compatibility. • Consistent visual look across

    OS version. • Default template in Android Studio (1.4+).