Cómo diseñar sistemas en Compose
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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 2: Obtén información para personalizar la implementación de Material Design 2 de Compose a fin de que se adapte a la marca de tu producto.
- 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.
El contenido y las muestras de código que aparecen en esta página están sujetas a las licencias que se describen en la Licencia de Contenido. Java y OpenJDK son marcas registradas de Oracle o sus afiliados.
Última actualización: 2022-10-26 (UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Falta la información que necesito"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Muy complicado o demasiados pasos"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Desactualizado"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problema de traducción"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Problema con las muestras o los códigos"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Otro"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Fácil de comprender"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"Resolvió mi problema"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Otro"
}]