O Jetpack Compose facilita a implementação de um sistema de design, proporcionando ao app uma aparência consistente com relação a temas, componentes e muito mais.
As páginas abaixo fornecem detalhes sobre como projetar e implementar seu sistema de design:
- Material Design 3: aprenda a implementar o Material You implementando o Compose do Material Design 3 (link em inglês).
- Como migrar do Material 2 para o Material 3: aprenda a migrar seu app do Material Design 2 para o Material Design 3 no Compose.
- Sistemas de design personalizados: aprenda a implementar um sistema de design personalizado no Compose e a adaptar as funções de composição do Material Design.
- Anatomia de um tema: conheça as
construções de nível baixo e as APIs usadas por
MaterialThemee sistemas de design personalizados. - Como migrar temas XML para o Compose: aprenda a migrar seus temas baseados em visualização. Temas XML para o Compose.
Amostras
Os exemplos a seguir demonstram os sistemas de design do Jetpack Compose:
Recomendados para você
- Observação: o texto do link aparece quando o JavaScript está desativado.
- Material Design 2 no Compose
- Sistemas de design personalizados no Compose
- Anatomia de um tema no Compose