This document provides an overview and code samples for creating apps with material design. It discusses getting started, applying the material theme, and using material widgets like Toolbar, RecyclerView, and CardView. The Toolbar section explains that it is a generalization of action bars that supports features like navigation buttons, logos, titles, and menus. RecyclerView is introduced as a more advanced and flexible replacement for ListView that includes layout managers and animations. CardView is described as a way to display information in cards with consistent styling across platforms using shadows and rounded corners.

1. Xavier Yin
2015/04/28
Material Design
Widgets and Sample code

2. Outline
 Getting Started
 Material Theme
 Tool Bar
 RecyclerView and CardView
 References

3. Getting Started
 To create apps with material design:
– Review the material design specification.
– Apply the material theme to your app.
– Create your layouts following material design guidelines.
– Specify the elevation of your views to cast shadows.
– Use system widgets for lists and cards.
– Customize the animations in your app.

4. App/build.gradle settings

5. Material Theme

6. Tool Bar and Drawer
 Tool Bar
– A Toolbar is a generalization of action bars for use within application
layouts.
– An application may choose to designate a Toolbar as the action bar for
an Activity using the setActionBar() method.
– Toolbar supports a more focused feature set than ActionBar.
 A navigation button.
 A branded logo image.
 A title and subtitle.
 One or more custom views.
 An action menu.

7. Tool Bar and Drawer
 Tool Bar
– Toolbar supports a more focused
feature set than ActionBar.
 A navigation button.
 A branded logo image.
 A title and subtitle.
 One or more custom views.
 An action menu.

8. Tool Bar and Drawer

9. Creating Lists and Cards
 RecyclerView widget
– a more advanced and flexible version of ListView
– for displaying large data sets
 The RecyclerView class simplifies the display and handling
of large data sets by providing:
– Layout managers for positioning items
– Default animations for common item operations, such as removal or
addition of items

10. Creating Lists and Cards

11. Creating Lists and Cards
 CardView
– show information inside cards that
have a consistent look across the
platform.
– have shadows and rounded
corners

12. References & Sample Code
 Reference - Google
– http://www.google.com/design/spec/material-
design/introduction.html
 PPT & Sample Code
– https://www.slideshare.net/secret/F6B0NsI9WpX5aI
– https://github.com/xavier0507/MaterialDesignBasicWidgets.git