Embed Size (px)
Citation preview
Building Material Apps on Android
Get relaxed, the fun is about to begin!
Quick Intro
~3.5 years of Android Development Experience
Akshay Chordiya
+AkshayChordiya
Solutions Pvt. Ltd
Material DesignMaterial Design is a Google’s design philosophy or guidelines that outlines how apps should provide a
coherent cross-platform experience
Huh….? Confused
Material Design
● Material Design, when done right, could help your app to become more friendly to your users.
● Aimed to deliver a clean, modern, unified solution
● It defines the way that apps should look and behave
Material is Metaphor Bold, graphic, intentional
Motion provides Meaning
Material is Metaphor Bold, graphic, intentional
Motion provides Meaning
Material is Metaphor Bold, graphic, intentional
Motion provides Meaning
Material is Metaphor Bold, graphic, intentional
Motion provides Meaning
Material is the Metaphor
Bold, graphic, intentional
Motion provides meaning
Benefits of using Material DesignConsistency across different platforms and
devices
Enriched end user’s experience
Gives user a sense of familiarity
Still not convinced?
VS
google.com/design
Read more about Material Design
Building Material Apps
Using Android LibrariesFirst party
Using AppCompat
Major delights of AppCompat
1.Easier theming and tinting
2.Support Widgets. (Toolbar, a lot more custom widgets)
3.Elevation
4.Backward compatibility
Dependency
dependencies {
compile 'com.android.support:appcompat-v7:25.0.1'
}
Demo
Using Design Library
UI Components in Design Library
Navigation Drawer
Floating Text Field
Tabs Floating Button
Snack barScrolling App Bar Collapsing App Bar
Newly added components
Bottom Sheet Bottom Navigation
Dependency
dependencies {
compile 'com.android.support:design:25.0.1'
}
Demo
Using 3rd Party Libraries
Using Material Dialog library
Demo
And a lot more 3rd party libraries..
Bunch of
#ProTipReplace
android.app.AlertDialog
With..android.support.v7.app.AlertDialog
Material Design is guideline for design not rules so you can go out of the box
Always search for library before reinventing the wheel
#ProTip
Further LinksAll the images and logos used are trademarks of respective
companies.
Material Design
Material IO
Material Design Video
Android Support Library Blog
Android Support Library Docs
Material Dialog Library
Material Intro Library
The Ultimate Guide to Material Design
Questions?
Thank You!#HappyDevelopment
