Android Academy · Lesson

Material Design Basics

Use Material Components: MaterialButton, TextInputLayout, MaterialCardView, FloatingActionButton, Snackbar, Chip, BottomSheetDialog, and Dynamic Color.

What Is Material Design?

Material Design is Google's design system for building beautiful, consistent Android apps. It provides:

A rich set of pre-built UI components
Consistent spacing, typography, and color rules
Accessible and responsive components
Built-in animations and transitions

The Material Components for Android library (MDC) brings Material 3 to Jetpack.

Adding Material Components

Add the dependency and set your app theme to a Material theme:

// app/build.gradle:
dependencies {
    implementation 'com.google.android.material:material:1.12.0'
}

// res/values/themes.xml:
<style name="Theme.MyApp" parent="Theme.Material3.DayNight.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorSecondary">@color/secondary</item>
    <!-- ... -->
</style>

All lessons in this course

← Back to Android Academy