Android Developers
Published in

Android Developers

Android banner
Illustration by Molly Hensley

Migrating to Material Components for Android

A simplified theming example

Example app using AppCompat and the Design Support Library
Example app using AppCompat and the Design Support Library

Migrating from the Support Library to Jetpack

Android jetpack

Updating to MDC 1.0.0

MDC 1.0.0

Changing your theme(s)

Example app using MDC 1.0.0 and Theme.MaterialComponents.* theme
Example app using MDC 1.0.0 and Theme.MaterialComponents.* theme

Button changes

Buttons in MDC 1.0.0
Buttons in MDC 1.0.0

Updating to MDC 1.1.0

Some unexpected changes and common issues

Example app using MDC 1.1.0
Example app using MDC 1.1.0

Text field changes

Text fields in MDC 1.1.0+
Text fields in MDC 1.1.0+
Legacy Design Support Library text field
Legacy Design Support Library text field

Prefer MDC styles and widgets

Color

MDC color attributes with baseline light theme values
MDC color attributes with baseline light theme values
MDC color attributes with baseline dark theme values
Example app with updated MDC color attributes (fixed FAB color)
Example app with updated MDC color attributes (fixed FAB color)

Typography

MDC type attributes
MDC type attributes
Example app with updated MDC type attributes (updated font family)
Example app with updated MDC type attributes (updated font family)

Shape

MDC shape attributes
Example app with updated MDC shape attributes (updated corner radii)
Example app with updated MDC shape attributes (updated corner radii)
Button with restored custom gradient background
Button with restored custom gradient background

What’s next?

--

--

--

Articles on modern tools and resources to help you build experiences that people love, faster and easier, across every Android device.

Recommended from Medium

Method references and lambdas in lazy properties

Working With Different Pixel Densities in Android

How Do I Easily Downgrade Android 12 To Android 11

Our experience in migrating to coroutines from RxJava

How To Implement Copy/Paste in Android Using TextView

How to Develop a Sleep and Meditation App Like Balance?

Java vs Kotlin: The Best Framework For Android App Development

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Nick Rout

Nick Rout

Developer Relations Engineer at Google 🇿🇦

More from Medium

ConstraintLayout in Jetpack Compose, Android Edge to Edge, ViewModel and more!

Snapshot Testing in Android app using Shot library

Android Test and Compose Test on Android 12

Layouts in Android Jetpack Compose