Android developper’s guide to Material design 2.0 By Steven de Tilly

We will take a brief look at how to read the new material design guidelines and we’ll see how the new widgets will make our life, as developers, way better.

Bio

Mobile team lead at BCITI Solutions in Montréal, who studied electrical engineering at ETS. I started developing on Android in 2015, where I joined the APPLETS student club at ETS. Eventually, I joined BCITI’s team in 2016, where I work full time ever since.

https://android-montreal.com/2018/07/17/july-meet-up-2/

Transcript

1. Android developper’s guide to Material design 2.0 By Steven de Tilly
2. Contents • What is material design? • Example: TextFields • Example: Buttons • Example: Chips • Example: Collapsing toolbars • And more…
3. What is Material design?
4. “Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.” -Material design homepage
5. Material design is meant to be • Simple • Flexible • Easy to use for the end user
7. Three top bar items • Design • Develop • Tools (this one is more for designers than developers)
8. Before we get started • compile ‘com.google.android.material:material:1.0.0- alpha1’ or ‘com.android.support:design:28.0.0-alpha1’ • Refactor packages to androidx • compileSdkVersion 28 (android-P) • App must use AppCompatActivity • App must use Theme.MaterialComponents or children
9. Text fields The very old way
10. Text fields The new-ish way 
 (added in libs 22.2.0)
11. TextInputLayout
12. Material buttons • Compatible with earlier versions of android • Animations are easy to use • No boilerplate code!
13. Material button attributes
14. Did he say chips?
15. Anatomy of a chip
17. Collapsing toolbar
18. And more…
19. More info at material.io Be sure to check the design section!
20. THE END Any questions?