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 temas XML baseados em visualização para o Compose.
Amostras
Os exemplos a seguir demonstram os sistemas de design do Jetpack Compose:
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 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 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 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 functionalJetsnack sample
Jetnews sample
Jetcaster sample 🎙️
Jetchat sample
Now in Android App
