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. - Cómo migrar temas de XML a Compose: Descubre cómo migrar tus recursos basados en View Temas de XML a Compose.
Ejemplos
En los siguientes ejemplos, se muestran sistemas de diseño en Jetpack Compose:
Recomendaciones para ti
- Nota: El texto del vínculo se muestra cuando JavaScript está desactivado
- Material Design 2 en Compose
- Sistemas de diseño personalizado en Compose
- Anatomía de un tema en Compose