Google is committed to advancing racial equity for Black communities. See how.

Android 11—Week 11—Modern UI

Learn about the UI developments in Android 11 during the final week of 11 Weeks of Android.

 

UI & Display week

Video Optional

Learn about the UI developments in Android 11 during the final week of 11 Weeks of Android.

Animating your keyboard Using WindowInsets

Video Optional

Learn how to add keyboard animations to your app, and about the new WindowInsets changes in Android 11 and Android Jetpack.

Animating your Keyboard (part 1)

Article Optional

Learn how to add keyboard animations to your app, and about the new WindowInsets changes in Android 11 and Jetpack.

Gesture Navigation and the edge-to-edge experience

Codelab

Learn how to update an app and make its UI edge-to-edge to seamlessly work with Gestural Navigation and keyboard animations.

We Recommend Material Design Components

Article Optional

Learn why your apps should use Material Components and how the Material Theming subsystems can be customized to match your brand.

Migrating to Material Components for Android

Article Optional

Learn how to migrate an existing app from the Design Support Library to Material Components and take advantage of new widgets, Material Theming, dark theme, and more.

Dark Theme with MDC

Article Optional

Learn why and how you should add a dark theme to your app using Material Components to make the process simple.

Material Motion with MDC

Article Optional

Learn how transitions from the motion system can make your apps smoother and more understandable.

Building Beautiful Transitions with Material Motion for Android

Codelab

Learn how to use the motion system for Android by implementing the main transition types in an app using Material Components.

Advanced Android in Kotlin 03.2: Animation with MotionLayout

Codelab

Learn how MotionLayout can help you add rich motion to your Android app.

Android 11—Week 11—Modern UI quiz

Test your knowledge of UI in Android 11 and earn your Android 11—Week 11—Modern UI badge.