Jetpack Compose ist das moderne Toolkit zum Erstellen nativer Android-UIs. Hier finden Sie aktuelle Informationen zur Verwendung von „Compose“.
- Übersicht: Hier finden Sie alle Ressourcen, die für Compose-Entwickler verfügbar sind.
- Anleitung: Beginnen Sie mit der Funktion „Schreiben“ und erstellen Sie damit eine einfache Benutzeroberfläche.
- Kurzanleitungen: Neu! Probieren Sie unsere kurzen und fokussierten Leitfäden aus, die Ihnen dabei helfen sollen, Ihr Ziel so schnell wie möglich zu 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: Weitere Informationen zum Festlegen und Verwenden des Status in der Compose-Anwendung.
- Lebenszyklus von zusammensetzbaren Funktionen: Hier finden Sie Informationen zum Lebenszyklus einer zusammensetzbaren Funktion und dazu, wie in der Funktion „Compose“ entscheidet, ob sie neu gezeichnet werden muss.
- Modifikatoren: Erfahren Sie, wie Sie Ihre zusammensetzbaren Funktionen mithilfe von Modifikatoren aufwerten oder gestalten können.
- Nebeneffekte in der Funktion „Compose“: Hier erfahren Sie, wie Sie Nebeneffekte am besten verwalten.
- Jetpack Compose-Phasen: Erfahren Sie mehr über die Schritte, die in Compose zum Rendern Ihrer Benutzeroberfläche ausgeführt werden und wie Sie mithilfe dieser Informationen effizienten Code schreiben
- Architekturschichten: Hier erfahren Sie mehr über die Architekturebenen von Jetpack Compose und die Grundprinzipien des Designs.
- Leistung: Hier erfahren Sie, wie Sie häufige Programmierfehler vermeiden, die die Leistung Ihrer App beeinträchtigen können.
- Semantik in Compose: Erfahren Sie mehr über die Semantik-Struktur, mit der Ihre UI so organisiert wird, dass sie von Bedienungshilfen und dem Test-Framework verwendet werden kann.
- Lokale Daten mit CompositionLocal: Erfahren Sie, wie Sie mit
CompositionLocal
Daten über die Komposition übergeben.
Entwicklungsumgebung
- Android Studio mit Compose: Richten Sie Ihre Entwicklungsumgebung für die Verwendung der Funktion „Compose“ ein.
- Tools für die Funktion „Compose“: Informationen zu den neuen Funktionen von Android Studio, die die Funktion „Compose“ unterstützen.
- Kotlin for Compose: Hier erfahren Sie, wie bestimmte Kotlin-spezifische Idiome mit Compose funktionieren.
- Messwerte zum Verfassen und Ansehen vergleichen: Hier erfahren Sie, wie sich die Migration zu Compose auf die APK-Größe und Laufzeitleistung Ihrer App auswirken kann.
- Materialliste: Verwalten Sie alle Abhängigkeiten vom Typ „Compose“, indem Sie nur die BOM-Version angeben.
Design
- Layouts: Hier finden Sie Informationen zu den nativen Layoutkomponenten von Compose und zum Erstellen eigener Layouts.
- Layoutgrundlagen: Hier erfahren Sie mehr über die Bausteine einer einfachen App-Benutzeroberfläche.
- Materialkomponenten und Layouts: Erfahren Sie mehr über Materialkomponenten und Layouts in Compose.
- Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App selbst steuern und ein eigenes benutzerdefiniertes Layout erstellen.
- Verschiedene Bildschirmgrößen unterstützen: Mit der Funktion „Compose“ können Sie Layouts erstellen, die sich an verschiedene Bildschirmgrößen, Ausrichtungen und Formfaktoren anpassen.
- Ausrichtungslinien: Hier erfahren Sie, wie Sie benutzerdefinierte Ausrichtungslinien erstellen, um Ihre UI-Elemente präzise auszurichten und zu positionieren.
- Intrinsische Messungen: Da Sie mit Compose UI-Elemente nur einmal pro Durchgang 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 der Benutzeroberfläche zum Schreiben verwenden.
- Designsysteme: Hier erfahren Sie, wie Sie ein Designsystem implementieren und Ihrer App ein einheitliches Erscheinungsbild geben.
- Material Design 3: Hier erfahren Sie, wie Sie Material Design 3 in Compose implementieren.
- Migration von Material 2 zu Material 3: Hier erfahren Sie, wie Sie in Compose Ihre App von Material Design 2 zu Material Design 3 migrieren.
- Material Design 2: Erfahren Sie, wie Sie die Implementierung von Material Design 2 in Compose anpassen können, damit sie zur Marke Ihres Produkts passt.
- Benutzerdefinierte Designsysteme: Hier erfahren Sie, wie Sie ein benutzerdefiniertes Designsystem in Compose implementieren und bestehende zusammensetzbare Komponenten von Material Design entsprechend anpassen.
- Aufbau eines Themas: Erfahren Sie mehr über die untergeordneten Konstrukte und APIs, die von
MaterialTheme
und benutzerdefinierten Designsystemen verwendet werden.
- Listen und Raster: Hier finden Sie Informationen zu einigen der Optionen zum Verwalten und Anzeigen von Listen und Rastern von Daten in der Funktion „Compose“.
- Text: Weitere Informationen zu den Hauptoptionen zum Anzeigen und Bearbeiten von Text in der Funktion „Compose“.
- Grafiken: Hier finden Sie Informationen zu den Funktionen in der Funktion "Compose" zum Erstellen und Arbeiten mit benutzerdefinierten Grafiken.
- Animation: Erfahren Sie mehr über die verschiedenen Optionen zum Animieren von UI-Elementen in der Funktion „Compose“.
- Gesten: Erfahren Sie, wie Sie eine Benutzeroberfläche zum Schreiben einer Nachricht erstellen, die Nutzergesten erkennt und mit diesen interagiert.
- Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Sie bei der Funktion „Compose“ untergeordnete Eingaben in Interaktionen auf höherer Ebene abstrahieren. So können Sie anpassen, wie Ihre Komponenten auf Nutzeraktionen reagieren.
Funktion „Compose“ verwenden
- Vorhandene View-basierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre bestehende View-basierte App zu Compose migrieren.
- Migrationsstrategie: Lernen Sie die Strategie kennen, um Compose sicher und schrittweise in Ihre Codebasis einzuführen.
- Interoperabilitäts-APIs: Hier erfahren Sie mehr über die APIs von Compose, mit denen Sie Compose mit der ansichtsbasierten UI kombinieren können.
- Weitere Überlegungen: Informieren Sie sich während der Migration Ihrer Ansichtsbasierten App zu Compose über andere Aspekte wie Themen wie Design, Architektur und Tests.
- Compose- und andere Bibliotheken: Hier erfahren Sie, wie Sie ansichtsbasierte Bibliotheken in Ihrem Compose-Inhalt verwenden.
- Compose-Architektur: Hier erfahren Sie, wie Sie das unidirektionale Ablaufmuster in Compose implementieren, Ereignisse und Statusinhaber implementieren und mit
ViewModel
in Compose arbeiten. - Navigation: Hier erfahren Sie, wie Sie mit
NavController
die Navigationskomponente in Ihre Benutzeroberfläche zum Schreiben integrieren.- Navigation für responsive Benutzeroberflächen: 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 im Compose-Code mit den Ressourcen Ihrer App arbeiten.
- Bedienungshilfen: Hier erfahren Sie, wie Sie die Benutzeroberfläche von „Compose“ für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit anpassen.
- Test: Weitere Informationen zum Testen des Compose-Codes.
- Test auf einen Blick: Eine Kurzübersicht über nützliche Compose-Test-APIs.
Zusätzliche Ressourcen
- Jetzt einrichten
- Ausgewählter Lernpfad
- Compose API-Richtlinien
- API-Referenz
- Codelabs
- Beispiel-Apps
- Videos
Empfehlungen für dich
- Hinweis: Der Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
- Lokalisierte Daten mit CompositionLocal
- Weitere Überlegungen
- Aufbau eines Designs in der Funktion „Compose“