$30 off During Our Annual Pro Sale. View Details »

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

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/

GDG Montreal

July 25, 2018
Tweet

More Decks by GDG Montreal

Other Decks in Technology

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
  6. None
  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

  16. None
  17. Collapsing toolbar

  18. And more…

  19. More info at material.io Be sure to check the design

    section!
  20. THE END Any questions?