Material Design in Android L Developer Preview

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.