Jetpack Compose facilita la implementación de un sistema de diseño y le brinda a tu app un estilo coherente con temas, componentes y mucho más.
En las siguientes páginas, se proporciona información para que diseñes e implementes tus sistemas de diseño:
- Material Design 3: Obtén información para implementar Material You con la implementación de Material Design 3 de Compose.
- Cómo migrar de Material 2 a Material 3: Obtén información para migrar tu app de Material Design 2 a Material Design 3 en Compose.
- Sistemas de diseño personalizado: Obtén información para implementar un sistema de diseño personalizado en Compose y descubre cómo adaptar los elementos existentes que admiten composición de Material Design a fin de controlar esto.
- Anatomía de un tema: Obtén información sobre las construcciones de nivel inferior y las APIs que usan
MaterialTheme
y los sistemas de diseño personalizado. - Migración de temas XML a Compose: Descubre cómo migrar los temas XML basados en vistas a Compose.
Ejemplos
En los siguientes ejemplos, se muestran sistemas de diseño en Jetpack Compose:
Jetcaster is a sample podcast app, built with Jetpack Compose. The goal of the sample is to showcase building with Compose across multiple form factors (mobile, TV, and Wear) and full featured architecture.
To try out this sample app, use the latest Jetnews is a sample news reading app, built with Jetpack Compose. The goal of the sample is to showcase the current UI capabilities of Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository Jetsnack is a sample snack ordering app built with Jetpack Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here.
This Jetchat is a sample chat app built with Jetpack Compose.
To try out this sample app, use the latest stable version of Android Studio. You can clone this repository or import the project from Android Studio following the steps here.
This sample Learn how this app was designed and built in the design case study, architecture learning journey and modularization learning journey.
This is the repository for the Now in Android app. It is a work in progress 🚧.
Now in Android is a fully functionalJetcaster sample 🎙️
Jetnews sample
Jetsnack sample
Jetchat sample
Now in Android App