Material Design in Android provides guidelines for visual, motion, and interactive designs across platforms and devices. The Android L Developer Preview introduces new components and features related to material design like a new material theme, widgets for complex views, and APIs for custom shadows and animations. Key elements of material design in Android apps include color palettes, touch feedback animations, activity transitions, and use of the RecyclerView and CardView widgets which support material design out of the box.

1. Material Design In Android
By
Patta jagadeeswara Rao
http://www.pcnmtutorials.com

2. • Material Designisacomprehensiveguidefordevelopvisual,motionand
interactivedesignsinvariousplatformsanddevices.
• Android L Developer Preview Provides new components and features
regardingmaterialdesign.
• Android L Developer Preview provides following features to build
materialdesigninyourapplication.
• ANewTheme
• NewWidgetsForcomplexviews
• NewAPIsforCustomShadowsandAnimations.

3. • NewAndroidMaterialThemeProvidesFollowingfeatures.
• CustomizeColorPaletteToSystemWidget
• TouchFeedbackAnimationsforSystemWidgets.
• ActivityTransitionanimations.
• YoucancustomizeLookandfeelofthematerialthemeaccordingtoyour
application.
• Youcantintthecolorofactionbarandstatusbarusing Themeattribute.
• Youcancustomizecolorpalette, feedbackanimationsandactivity
transitionsinyourapplication.

4. • TheMaterialThemeisDefinedasgiven:
• @android:style/Theme.Material(DarkVersion)
• @android:style/Theme.Material.Light(LightVersion)
• @android:style/Theme.Material.Light.DarkActionBar.
• TheMaterialThemeisavailableinLDeveloperPreviewOnly.
• If You are using Material Theme in your application you can customize
colorofdefaultThemeisbyusingThemeattribute.
• In Material Theme The System Widgets have new design and touch
feedbackanimations.

5. • ThefollowingcodesnippetindicatesCustomizationofColorPalette.
<resource>
<stylename=“AppTheme”parent=“android:Theme.Material”>
<itemname=“android:colorPrimary”>@color/primary</item>
<itemname=“android:colorPrimaryDark”>@color/primary_dark</item>
<itemname=“android:colorAcent”>@color/ascent</item>
</style>
</resource>
android:colorPrimary(ActionBar),
android:colorPrimaryDark(StatusBar),
android:colorAcent(componets)

6. • The Android Support Library In Android L developer Preview Contains
twoNewWidgets.Thoseare
• RecyclerView
• CardView
• TheseTwoWidgetsareusedtoshowcomplexlistsandcardsinyour
application.
• Thesetwowidgetshavematerialdesignbydefault.

7. • RecyclerViewismoreadvanceandflexibleversionofListView.
• ThiswidgetisaContainerforlargesetofviewsThatcanberecycledand
scrolledveryefficiently.Andchangethelistitemsdynamically.
• Youcanalsoflexibilitytodefinecustomlayoutmanagerandanimations
forwidget.
• TheadapterofRecyclerclassextendsfromRecyclerView.Adapter.

8. • Recycler View provides LinearLayoutManager . Which can shows the list
itemsineitherhorizontal orverticalfashion.
• If you want to create a custom layout. You need to extend the
RecyclerView.LayoutMangerclass.
• Adding andRemovingofAnimationstolistitemsareenabledbydefaultin
RecyclerView.
• If you want to customize the animations of list items you need to use
setAnimator method inRecyclerView.ItemAnimator class.

9. • CardView Extends The FrameLayout Class. The information shows in the
cardsareconsistentlookonanyapplication.
• CardViewwidgetcanhaveshadowsandroundedcorners.
• If you want to create a card with shadow effect. You can use
android:elevationattributein CardView.
• Someoftheproperitiesof CardVieware:
• android:cardCornorRadius
• CardView.setRadius
• android:cardBackgroundColor

10. • The elevation of a view Determines the shadow of that view. Views with
higerzvaluescastbiggershadows.
• Elevation is also used to crate animations where widgets rise temporarily
abovetheviewplane.
• The Z value for the view has two components, elevation and translation.
TheElevationisastaticcomponent. Thetranslationisusedinanimations.
• Thefollowingattributeshowstheshadowtoaview.
• android:elevation=“2dp”

11. • Animations in material design gives users feedback on actions and provide
visualcontinuityasinteractwithyourapp.
• Thematerialdesignprovidesomedefaultanimations.Thoseare:
• TouchFeedback
• RevelEffect
• ActivityTransactions
• CurvedMotion
• ViewStateChanges.