ricknout

AppCompat theme	MDC-Android theme
Theme.AppCompat	Theme.MaterialComponents
Theme.AppCompat.NoActionBar	Theme.MaterialComponents.NoActionBar
Theme.AppCompat.Dialog.*	Theme.MaterialComponents.Dialog.*
Theme.AppCompat.DialogWhenLarge	Theme.MaterialComponents.DialogWhenLarge
Theme.AppCompat.Light	Theme.MaterialComponents.Light
Theme.AppCompat.Light.DarkActionBar	Theme.MaterialComponents.Light.DarkActionBar

ricknout

AppCompat theme overlay	MDC-Android theme overlay
ThemeOverlay.AppCompat	ThemeOverlay.MaterialComponents
ThemeOverlay.AppCompat.Light	ThemeOverlay.MaterialComponents.Light
ThemeOverlay.AppCompat.Dark	ThemeOverlay.MaterialComponents.Dark
ThemeOverlay.AppCompat.*.ActionBar	ThemeOverlay.MaterialComponents.*.ActionBar.*
ThemeOverlay.AppCompat.Dialog.*	ThemeOverlay.MaterialComponents.Dialog.*
N/A	ThemeOverlay.MaterialComponents.*.BottomSheetDialog

ricknout

Framework widget	AppCompat widget (replaced by AppCompatViewInflater)	MDC-Android widget (replaced by MaterialComponentsViewInflater)
Button	AppCompatButton	[MaterialButton](https://github.com/materia

ricknout

AppCompat widget	AppCompat default style	AppCompat default style attr	MDC-Android widget	MDC-Android default style	MDC-Android default style attr
AlertDialog.Builder	AlertDialog.AppCompat ThemeOverlay.AppCompat.Dialog.Alert	alertDialogStyle alertDialogTheme	MaterialAlertDialogBuilder	MaterialAlertDialog.MaterialComponents ThemeOverlay.MaterialComponents.MaterialAlertDialog	alertDialogStyle materialAlertDialogTheme
[AppCompatAutoCompleteTextView](https://developer.android.com/r

ricknout

MDC-Android widget (moved from Design Support Library)	Design Support Library default style	MDC-Android default style	Default style attr
AppBarLayout	Widget.Design.AppBarLayout	Widget.MaterialComponents.AppBarLayout.*	appBarLayoutStyle
BottomNavigationView	Widget.Design.BottomNavigationView	Widget.MaterialComponents.BottomNavigationView	bottomNavigationStyle
[BottomSheetBehavior](https://github.com/material-components/material-components-andr

ricknout

AppCompat / framework color attr	MDC-Android color attr
colorPrimary	colorPrimary
colorPrimaryDark	colorPrimaryVariant (specify android:statusBarColor explicitly)
N/A	colorOnPrimary
colorAccent	colorSecondary
N/A	colorSecondaryVariant
N/A	colorOnSecondary

ricknout

AppCompat text style	MDC-Android text style	MDC-Android text attr
TextAppearance.AppCompat.Display4	TextAppearance.MaterialComponents.Headline1	textAppearanceHeadline1
TextAppearance.AppCompat.Display3	TextAppearance.MaterialComponents.Headline2	textAppearanceHeadline2
TextAppearance.AppCompat.Display2	TextAppearance.MaterialComponents.Headline3	textAppearanceHeadline3
TextAppearance.AppCompat.Display1	TextAppearance.MaterialComponents.Headline4	textAppearanceHeadline4
TextAppearance.AppCompat.Headline	TextAppearance.MaterialComponents.Headline5	textAppearanceHeadline5
TextAppearance.AppCompat.Title``TextAppearance.AppCompat.Large	TextAppearance.MaterialComponents.Headline6	textAppearanceHeadline6

ricknout

/* Copyright 2020 Google LLC.
   SPDX-License-Identifier: Apache-2.0 */
-implementation ‘com.android.support:design:28.0.0’
+implementation ‘com.google.android.material:material:1.0.0’

ricknout

<!-- Copyright 2020 Google LLC.
   SPDX-License-Identifier: Apache-2.0 -->
-<style name="Theme.App" parent="Theme.AppCompat.*">
+<style name="Theme.App" parent="Theme.MaterialComponents.*">
    ...
</style>

ricknout

<!-- Copyright 2020 Google LLC.
   SPDX-License-Identifier: Apache-2.0 -->
<Button
    android:id="@+id/containedButton"
    android:background="@drawable/bg_button_gradient"
    android:textColor="@android:color/white"
    ... />
<Button
    android:id="@+id/textButton"
    style=”?attr/borderlessButtonStyle”