How to Migrate to Material Components (MDC)

Material Components (MDC) is built by developers at Google (separate from the Android team) with intentions of helping developers build Material Design in their web and mobile-based apps. This is the next iteration of Material Design released in 2014.

Follow the steps mentioned below to migrate the app to use the Material Design Components instead of AppCompat or default UI components.

1) Add the Material Components dependency to the module level build.gradle file.

implementation 'com.google.android.material:material:1.1.0-alpha02'

2) In the styles.xml Replace AppCompat with MaterialComponents. If you performed the action successfully then your base application theme will look like this.

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>


login-mdc-material-design-material-components

Points To Remember:

1) Adding the dependency alone won't let you add the Material Components to the layouts, you need to change the theme in the styles.xml to use Material Components theme otherwise the app crashes with an IllegalArgumentException.

Caused by: java.lang.IllegalArgumentException: The style on this component requires your app theme to be Theme.MaterialComponents (or a descendant).

2) If you are currently using AppCompat support libraries, you need to migrate to androidx dependencies. Combined use of com.android.support and com.google.android.material will throw Manifest merger failed as the Material Components internally use androidx packages.

3) compileSdkVersion needs to be set to a minimum of 28 to avoid getting resource linking failed error since resources like dialogCornerRadius, fontVariationSettings and ttcIndex are missing.

Popular posts from this blog

How to Set an Android App as a Default Dialer

Image
A default dialer is an application that handles the Phone calls on the device. Google made the provision for third-party applications to be a default phone handler from SDK 23 (6.0, Marshmallow version). In the article, we will learn about how to set our Android application as a default dialer. 1) Add the below intent filters under the activity tag in the AndroidManifest.xml. <intent-filter> <action android:name="android.intent.action.DIAL"/> <category android:name="android.intent.category.DEFAULT"/> </intent-filter> <intent-filter> <action android:name="android.intent.action.DIAL"/> <category android:name="android.intent.category.DEFAULT"/> <data android:scheme="tel"/> </intent-filter> 2) Check if our application is already a default dialer app using TelecomManager. val telecomManager = getSystemService(Context.TELECOM_SERVICE) as TelecomManager Log...
Read more

Run the Emulator directly in Android Studio

Image
In Android Studio 4.1, a minor feature is released to reduce the screen (or window) switching between Android Studio and the Emulator. Using this feature, we can now run the Emulator directly inside the Android Studio. We can make the changes to the code and see the changes reflect in the emulator in the same window similar to layout XML and its preview. To achieve this, open the Preferences window and select the Emulator menu item under the Tools expandable menu. Here we can check the option Launch in a tool window and click OK . Now run the Emulator to see it inside the Android Studio window.
Read more

How to Change Material Chip Text Size, Text Style and Font

Chips in Android is a Material Design Component used primarily for actions or choice or during filters or as an input. The attributes like textColor , textStyle and fontFamily are ignored when added to the Material Chips directly. We need to modify these values using textAppearance . <com.google.android.material.chip.Chip android:id="@+id/maleChip" style="@style/Widget.MaterialComponents.Chip.Choice" android:layout_width="wrap_content" android:layout_height="wrap_content" android:checkable="true" android:layoutDirection="locale" android:text="@string/chip_text_male" android:textAppearance="@style/AppTheme.GenderChip" android:textColor="@color/colorWhiteText" app:chipBackgroundColor="@drawable/select_chip" app:chipEndPadding="@dimen/chip_horizontal_margin" app:chipStartPadding="@dimen/chip_horizontal_margin...
Read more

Listen to Back Button Clicks in Fragment

Listening to the back button click event inside the fragments, comprised of a painful implementation of the interfaces and the onBackPressed method calls in both Activity and Fragment, prior to the introduction of the OnBackPressedDispatcher . But now, inside a Fragment, the back button behaviour can be controlled by listening to the callback returned by the OnBackPressedDispatcher . This callback listener is implemented inside the  onCreate overridden method. override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) // Listen to Back button clicks val callback = requireActivity().onBackPressedDispatcher.addCallback(this) { // Handle the back button event } } Use onBackPressedDispatcher method to get the OnBackPressedDispatcher and add the callback using the addCallback method. This callback method takes a lifecycle owner. Handle the back button events whenever the callback gets triggered. The same implementation can be d...
Read more

Pulsar Music Player Application Overview

Image
Pulsar Music Player is a lightweight full featured music player currently available only for Android devices. This application is provided by Rythm Software. Pulsar Music Player has very good user interface and animations. You can browse all the available songs or view them by albums, artists, folders, genres. You can exclude selected folders from appearing. Playlist section of the application displays favorites, most played, recently played and newly added songs along with the user’s custom playlists. Even when you kill the application to free the RAM, music doesn't turn off and continues to play. This, in particular, is an annoying thing to me when it comes to music players where they stop the music. This application doesn't and I'm really happy about it. You can set the currently playing song as an alarm, notification or a ringtone. You need to play the song first otherwise you can't set it as an alarm, notification or a ringtone. I hope they change that....
Read more