Jetpack Compose erleichtert die Implementierung eines Designsystems App ein einheitliches Erscheinungsbild mit Designs, Komponenten und mehr haben.
Auf den folgenden Seiten finden Sie Details zum Entwerfen und Implementieren Ihres Designsystems:
- Material Design 3: Hier erfahren Sie, wie Sie Material You mit der Material Design 3-Implementierung von Compose implementieren.
- Migration von Material 2 zu Material 3: Hier erfahren Sie, wie Sie Ihre App von von Material Design 2 bis Material Design 3 in Compose.
- Benutzerdefinierte Designsysteme: Erfahren Sie, wie Sie ein benutzerdefiniertes Designsystem implementieren, Komponieren und wie bestehende Material Design-Zusammensetzbare Funktionen entsprechend angepasst werden können.
- Anatomy of a theme: Hier erfahren Sie mehr über die untergeordneten Konstrukte und APIs, die von
MaterialThemeund benutzerdefinierten Designsystemen verwendet werden. - XML-Designs zu Compose migrieren: Hier erfahren Sie, wie Sie ansichtsbasierte XML-Designs für das Schreiben.
Produktproben
In den folgenden Beispielen werden Designsysteme in Jetpack Compose veranschaulicht:
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
