Erste Schritte mit Jetpack Compose

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

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.
  • 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.

Zusätzliche Ressourcen