material design in android
DESCRIPTION
A small presentation for Material DesignTRANSCRIPT
![Page 1: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/1.jpg)
Murat Can BUR
![Page 2: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/2.jpg)
Material Design in Android
![Page 3: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/3.jpg)
Material design is a comprehensive guide for visual, motion, and interaction design across platforms and devices.
![Page 4: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/4.jpg)
classic principles of good design with the innovation of technology!
![Page 5: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/5.jpg)
● A new theme ● New widgets for complex views ● New APIs for custom shadows and
animations
Android provides the following elements for you to build material design apps:
![Page 6: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/6.jpg)
Let’s start with themes!
![Page 7: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/7.jpg)
There are two Material Theme Dark and Light
![Page 8: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/8.jpg)
● color primary - ActionBar color
● colorPrimaryDark - basically
darker color of actionbar
● textcolorprimary
● windowbackground
● navigationbarcolor
Every Material theme has
![Page 9: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/9.jpg)
UI Widgets
![Page 10: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/10.jpg)
RecyclerView is a more advanced and flexible version of ListView.
RecyclerView
![Page 11: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/11.jpg)
● A layout manager for positioning items
● Default animations for common item operations
RecyclerView
![Page 12: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/12.jpg)
As the name suggests, CardView displays important information in
consistent cards!
CardView
![Page 13: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/13.jpg)
To create a card with a shadow, use the android:elevation attribute
CardView
![Page 14: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/14.jpg)
There is a new player in the game!
Toolbar
![Page 15: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/15.jpg)
Toolbar is fully supported in AppCompat.
Good news!
![Page 16: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/16.jpg)
Some material design features like the material theme and custom activity
transitions are only available on Android 5.0 (API level 21)
Compatibility
![Page 17: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/17.jpg)
compile 'com.android.support:appcompat-v7:21.0.+' compile 'com.android.support:cardview-v7:21.0.+'
compile 'com.android.support:recyclerview-v7:21.0.+'
![Page 18: Material Design in Android](https://reader034.vdocument.in/reader034/viewer/2022042700/554dc1e2b4c905c2488b4d9e/html5/thumbnails/18.jpg)
I hope you understand the Material Desing a bit
more!