MAD Abilities Materials Design Elements: Wrap-Up


Posted by Nick Rout

wrap up header image

It’s a wrap_content!

The third matter within the MAD Skills series of videos and articles on Trendy Android Improvement is full. This time round we lined Materials Design Elements (a.ok.a MDC). This library offers the Materials Elements as Android widgets and makes it simple to implement design patterns seen on materials.io, akin to Materials Theming, Darkish Theme, and Movement.

Take a look at the episodes and hyperlinks beneath to see what we lined. We designed these movies to intently comply with our latest collection of MDC articles in addition to current pattern apps and codelabs, so that you’ve received a wide range of methods to have interaction with the content material. We additionally had a Q&A episode that includes engineers from the MDC staff!

Episode 1: Why use MDC?

The primary episode by Nick Butcher is an outline video of this complete MAD Abilities collection, together with why we advocate MDC, then deep-dives on Materials Theming, Darkish Theme and Movement. It additionally covers MDC interop with Jetpack Compose and updates to Android Studio templates that embrace MDC and themes/types finest practices.

Or in article kind:

https://medium.com/androiddevelopers/we-recommend-material-design-components-81e6d165c2dd

Episode 2: Materials Theming

Episode 2 by Nick Rout covers Material Theming and goes by a tutorial on the right way to implement it on Android utilizing MDC. Key subjects embrace establishing a `Theme.MaterialComponents.*` app theme, selecting shade, kind, and form attributes — utilizing instruments on materials.io —and at last including them to your theme to see how widgets robotically react and adapt their UI. Additionally lined are useful utility lessons that MDC offers for sure situations, like resolving theme shade attributes and making use of form to photographs.

Or in article kind:

https://medium.com/androiddevelopers/material-theming-with-mdc-color-860dbba8ce2f

https://medium.com/androiddevelopers/material-theming-with-mdc-type-8c2013430247

https://medium.com/androiddevelopers/material-theming-with-mdc-shape-126c4e5cd7b4

Episode 3: Darkish Theme

This episode by Chris Banes will get actually darkish… It takes you thru implementing a dark theme for an Android app utilizing MDC. Matters lined embrace utilizing “power darkish” for fast conversion (and the right way to exclude views from this), manually crafting a darkish theme with design selections, `.DayNight` MDC app themes, and `.PrimarySurface` MDC widget types, and the right way to deal with the system UI.

Or in article kind:

https://medium.com/androiddevelopers/dark-theme-with-mdc-4c6fc357d956

Episode 4: Materials Movement

Episode 4 by Nick Rout is all about Material’s motion system. It intently follows the steps within the current “Constructing Lovely Transitions with Materials Movement for Android” codelab. It makes use of the Reply pattern app to show how you need to use transition patterns —container rework, shared axis, fade by, and fade —for a smoother, extra comprehensible consumer expertise. It goes by situations involving Fragments (together with the Navigation component), Actions, and Views, and can really feel acquainted for those who’ve used the AndroidX and platform transition frameworks earlier than.

Or in article kind:

https://medium.com/androiddevelopers/material-motion-with-mdc-c1f09bb90bf9

Episode 5: Group tip

Episode 5 is by a member of the Android neighborhood—Google Developer Professional (GDE) for Android Zarah Dominguez—who takes us by utilizing the MDC catalog app as a reference for widget performance and API examples. She additionally explains the way it’s been useful to construct a ‘Theme Showcase’ web page within the app she works on, to make sure a cohesive design language throughout completely different screens and flows.

Episode 6: Stay Q&A

To wrap issues up, Chet Haase hosted us for a Q&A session together with members of the MDC engineering staff —Dan Nizri and Connie Shi. We answered questions requested by you on YouTube Stay, Twitter, and elsewhere. We explored the origins of MDC, the way it pertains to AppCompat, and the way it’s advanced through the years. Different subjects embrace finest practices for organizing your themes and assets, utilizing completely different fonts and typography types, and form theming… Lots of form theming. We additionally revealed all of our favourite Materials parts! Lastly we seemed to the long run with new parts popping out in MDC and Jetpack Compose, Android’s subsequent era UI toolkit which has Materials Design inbuilt by default.

Pattern apps

Through the collection we used two completely different pattern functions to show MDC :

  • “Build a Material Theme” (a.ok.a MaterialThemeBuilder) is an interactive challenge that allows you to create your individual Materials theme by customizing values for shade, typography, and form
  • Reply is without doubt one of the Materials research; an e-mail app that makes use of Materials Design parts and Materials Theming to create an on-brand communication expertise

These can each discovered alongside one other Materials research pattern app — Owl — within the MDC examples GitHub repository.

https://github.com/material-components/material-components-android-examples

Recent Articles

One of the best low-cost laptop computer offers in Could 2021

We're bringing you all one of the best low-cost laptop computer offers presently on the cabinets, and proper now you may choose up some...

Oculus replace set to allow spectacular combined actuality seize on iPhone XS and later – 9to5Mac

Oculus is near releasing a brand new replace for its Quest headsets and one of the fascinating new options is Stay Overlay casting. Beforehand,...

Google Developer Scholar Golf equipment in India construct Android Apps with Kotlin

Posted by Siddhant Agarwal, Google Developer Scholar Golf equipment India Neighborhood Supervisor and Biswajeet Mallik, Program Supervisor, Google Builders India ...

Disneyland Paris to Reopen June 17 as Life Will get Extra Regular Because of Vaccinations

The doorway of a vaccination middle in opposition to the coronavirus at Disneyland Paris in Coupvray on April 24, 2021. Photograph: Geoffrey...

Related Stories

Stay on op - Ge the daily news in your inbox