Jetpack Compose ist das moderne Toolkit für die Erstellung nativer Android-Benutzeroberflächen. Hier finden Sie die neuesten Informationen zur Verwendung von Compose.
- Übersicht: Hier finden Sie alle Ressourcen, die Compose-Entwicklern zur Verfügung stehen.
- Tutorial: Erste Schritte mit Compose – eine einfache Benutzeroberfläche erstellen
- Kurzanleitungen: Neu! In unseren schnellen und fokussierten Anleitungen erfahren Sie, wie Sie Ihr Ziel so schnell wie möglich erreichen.
Foundation
- In Compose denken: Hier erfahren Sie, wie sich der deklarative Ansatz von Compose von dem ansichtsbasierten Ansatz unterscheidet, den Sie möglicherweise in der Vergangenheit verwendet haben, und wie Sie ein mentales Modell für die Arbeit mit Compose erstellen.
- Status verwalten: Hier erfahren Sie, wie Sie den Status in Ihrer Compose-App festlegen und verwenden.
- Lebenszyklus von Composables: Hier erfahren Sie mehr über den Lebenszyklus eines Composables und darüber, wie Compose entscheidet, ob es neu gezeichnet werden muss.
- Modifier: Hier erfahren Sie, wie Sie Modifier verwenden, um Ihre Composables zu erweitern oder zu gestalten.
- Nebeneffekte in Compose: Hier erfahren Sie, wie Sie Nebeneffekte am besten verwalten.
- Jetpack Compose-Phasen: Hier erfahren Sie, welche Schritte Compose durchläuft, um Ihre Benutzeroberfläche zu rendern, und wie Sie diese Informationen nutzen können, um effizienten Code zu schreiben.
- Architektonische Schichtung: Hier erfahren Sie mehr über die architektonischen Schichten, aus denen Jetpack Compose besteht, und über die wichtigsten Prinzipien, die das Design beeinflusst haben.
- Leistung: Hier erfahren Sie, wie Sie häufige Programmierfehler vermeiden, die sich negativ auf die Leistung Ihrer App auswirken können.
- Semantik in Compose: Hier erfahren Sie mehr über den Semantikbaum, der Ihre Benutzeroberfläche so organisiert, dass sie von Diensten für Bedienungshilfen und dem Testframework verwendet werden kann.
- Lokal begrenzte Daten mit CompositionLocal: Hier erfahren Sie, wie Sie
CompositionLocal
verwenden, um Daten durch die Komposition zu übergeben.
Entwicklungsumgebung
- Android Studio mit Compose: Richten Sie Ihre Entwicklungsumgebung für die Verwendung von Compose ein.
- Tools für Compose: Hier erfahren Sie mehr über die neuen Funktionen von Android Studio zur Unterstützung von Compose.
- Kotlin für Compose: Hier erfahren Sie, wie bestimmte Kotlin-spezifische Idiome mit Compose funktionieren.
- Compose- und View-Messwerte vergleichen: Hier erfahren Sie, wie sich die Migration zu Compose auf die APK-Größe und die Laufzeitleistung Ihrer App auswirken kann.
- Stückliste (Bill of Materials, BOM): Sie können alle Compose-Abhängigkeiten verwalten, indem Sie nur die Version der BOM angeben.
Design
- Layouts: Hier erfahren Sie mehr über die nativen Layoutkomponenten von Compose und wie Sie eigene Layouts entwerfen.
- Grundlagen des Layouts: Hier erfahren Sie mehr über die Bausteine für eine einfache App-Benutzeroberfläche.
- Material-Komponenten und ‑Layouts: Hier erfahren Sie mehr über Material-Komponenten und ‑Layouts in Compose.
- Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App anpassen und ein eigenes benutzerdefiniertes Layout entwerfen.
- Verschiedene Displaygrößen unterstützen: Hier erfahren Sie, wie Sie mit Compose Layouts erstellen, die sich an verschiedene Displaygrößen, Ausrichtungen und Formfaktoren anpassen.
- Ausrichtungslinien: Hier erfahren Sie, wie Sie benutzerdefinierte Ausrichtungslinien erstellen, um UI-Elemente präzise auszurichten und zu positionieren.
- Integrierte Messungen: Da Sie mit Compose UI-Elemente nur einmal pro Durchlauf messen können, wird auf dieser Seite erläutert, wie Sie Informationen zu untergeordneten Elementen abfragen, bevor Sie sie messen.
- ConstraintLayout: Hier erfahren Sie, wie Sie
ConstraintLayout
in Ihrer Compose-UI verwenden.
- Designsysteme: Hier erfahren Sie, wie Sie ein Designsystem implementieren und Ihrer App ein einheitliches Erscheinungsbild verleihen.
- Material Design 3: Hier erfahren Sie, wie Sie Material You mit der Compose-Implementierung von Material Design 3 implementieren.
- Von Material 2 zu Material 3 migrieren: Hier erfahren Sie, wie Sie Ihre App in Compose von Material Design 2 zu Material Design 3 migrieren.
- Material Design 2: Hier erfahren Sie, wie Sie die Compose-Implementierung von Material Design 2 an die Marke Ihres Produkts anpassen.
- Benutzerdefinierte Designsysteme: Hier erfahren Sie, wie Sie ein benutzerdefiniertes Designsystem in Compose implementieren und wie Sie vorhandene Material Design-Composables anpassen, um es zu verwenden.
- Aufbau eines Designs: Hier erfahren Sie mehr über die untergeordneten Konstrukte und APIs, die von
MaterialTheme
und benutzerdefinierten Designsystemen verwendet werden.
- Listen und Tabellen: Hier erfahren Sie mehr über einige der Optionen von Compose zum Verwalten und Anzeigen von Listen und Tabellen mit Daten.
- Text: Hier finden Sie Informationen zu den wichtigsten Optionen von Compose zum Anzeigen und Bearbeiten von Text.
- Grafiken: Hier erfahren Sie mehr über die Funktionen von Compose zum Erstellen und Bearbeiten benutzerdefinierter Grafiken.
- Animation: Hier erfahren Sie mehr über die verschiedenen Optionen von Compose zum Animieren von UI-Elementen.
- Gesten: Hier erfahren Sie, wie Sie eine Compose-Benutzeroberfläche erstellen, die Nutzergesten erkennt und darauf reagiert.
- Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Compose Low-Level-Eingaben in Interaktionen auf höherer Ebene abstrahiert, damit Sie anpassen können, wie Ihre Komponenten auf Nutzeraktionen reagieren.
Compose einführen
- Vorhandene View-basierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre vorhandene View-basierte App zu Compose migrieren.
- Migrationsstrategie: Hier erfahren Sie, wie Sie Compose sicher und schrittweise in Ihre Codebasis einführen.
- Interoperabilitäts-APIs: Hier erfahren Sie mehr über die Compose-APIs, mit denen Sie Compose mit View-basierter UI kombinieren können.
- Weitere Überlegungen: Hier erfahren Sie mehr über andere Aspekte wie Design, Architektur und Tests bei der Migration Ihrer View-basierten App zu Compose.
- Compose und andere Bibliotheken: Hier erfahren Sie, wie Sie ansichtsbasierte Bibliotheken in Ihren Compose-Inhalten verwenden.
- Compose-Architektur: Hier erfahren Sie, wie Sie das unidirektionale Flussmuster in Compose implementieren, wie Sie Ereignisse und State-Holder implementieren und wie Sie mit
ViewModel
in Compose arbeiten. - Navigation: Hier erfahren Sie, wie Sie die Navigation-Komponente mit
NavController
in Ihre Compose-UI einbinden.- Navigation für responsive UIs: Hier erfahren Sie, wie Sie die Navigation Ihrer App so gestalten, dass sie sich an verschiedene Bildschirmgrößen, Ausrichtungen und Formfaktoren anpasst.
- Ressourcen: Hier erfahren Sie, wie Sie mit den Ressourcen Ihrer App in Ihrem Compose-Code arbeiten.
- Bedienungshilfen: Hier erfahren Sie, wie Sie Ihre Compose-Benutzeroberfläche für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit optimieren.
- Tests: Informationen zum Testen von Compose-Code.
- Übersicht zum Testen: Eine Kurzübersicht über nützliche Compose-Test-APIs.
Zusätzliche Ressourcen
- Einrichten
- Kuratierter Lernpfad
- Richtlinien für die Compose API
- API-Referenz
- Codelabs
- Beispiel-Apps
- Videos
Empfehlungen für dich
- Hinweis: Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
- Lokal begrenzte Daten mit CompositionLocal
- Weitere Überlegungen
- Aufbau eines Designs in Compose