Erste Schritte mit Jetpack Compose

Jetpack Compose ist das moderne Toolkit für die Erstellung nativer Android-UIs. Hier finden Sie die neuesten Informationen zur Verwendung von Compose.

  • Übersicht: Hier finden Sie alle Ressourcen, die für Compose-Entwickler verfügbar sind.
  • Anleitung: Erste Schritte mit Compose – eine einfache Benutzeroberfläche erstellen
  • Kurzanleitungen: Neu! Probieren Sie unsere schnellen und zielgerichteten Anleitungen aus, mit denen Sie Ihr Ziel so schnell wie möglich erreichen.

Foundation

  • Mit Compose denken: Hier erfahren Sie, wie sich der deklarative Ansatz von Compose vom ansichtenbasierten Ansatz unterscheidet, den Sie möglicherweise in der Vergangenheit verwendet haben, und wie Sie sich ein mentales Modell für die Arbeit mit Compose aufbauen.
  • Status verwalten: Hier erfahren Sie, wie Sie den Status in Ihrer Compose-App festlegen und verwenden.
  • Lebenszyklus von Compose-Elementen: Hier erfahren Sie mehr über den Lebenszyklus eines Compose-Elements und wie Compose entscheidet, ob es neu gezeichnet werden muss.
  • Modifikatoren: Hier erfahren Sie, wie Sie Ihre Composeables mithilfe von Modifikatoren ergänzen oder verschönern.
  • Nebeneffekte in Compose: Hier erfahren Sie, wie Sie Nebeneffekte am besten verwalten.
  • Phasen von Jetpack Compose: Hier erfahren Sie, welche Schritte Compose durchläuft, um Ihre Benutzeroberfläche zu rendern, und wie Sie diese Informationen verwenden können, um effizienten Code zu schreiben.
  • Architekturebenen: Hier erfahren Sie mehr über die Architekturebenen, aus denen Jetpack Compose besteht, und die grundlegenden Prinzipien, die das Design beeinflusst haben.
  • Leistung: Hier erfahren Sie, wie Sie die gängigen Programmierfallen vermeiden, die die Leistung Ihrer App beeinträchtigen können.
  • Semantik in Compose: Hier erfahren Sie mehr über den Semantik-Baum, mit dem Sie Ihre Benutzeroberfläche so organisieren, dass sie von Bedienungshilfen und dem Test-Framework verwendet werden kann.
  • Daten auf lokaler Ebene mit CompositionLocal: Hier erfährst du, wie du mit CompositionLocal Daten durch die Komposition übergeben kannst.

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 Ausdrücke mit Compose funktionieren.
  • Messwerte für Compose und View vergleichen: Hier erfahren Sie, wie sich die Migration zu Compose auf die APK-Größe und die Laufzeitleistung Ihrer App auswirken kann.
  • Stückliste: Sie können alle Compose-Abhängigkeiten verwalten, indem Sie nur die Version der Stückliste angeben.

Design

  • Layouts: Hier erfahren Sie mehr über die nativen Layoutkomponenten von Compose und wie Sie eigene entwerfen.
    • Layoutgrundlagen: Hier erfahren Sie mehr über die Bausteine für eine übersichtliche App-Benutzeroberfläche.
    • Material Components und Layouts: Informationen zu Material Components und Layouts in Compose.
    • Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App steuern und ein eigenes Layout entwerfen.
    • Unterstützung verschiedener Bildschirmgrößen: Hier erfahren Sie, wie Sie mit Compose 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 Durchlauf messen können, wird auf dieser Seite erläutert, wie Sie Informationen zu untergeordneten Elementen abfragen, bevor Sie sie messen.
    • ConstraintLayout: Informationen zur Verwendung von ConstraintLayout in der Compose-Benutzeroberfläche.
  • 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 in Compose zum Verwalten und Darstellen von Listen und Tabellen mit Daten.
  • Text: Hier erfahren Sie mehr über die wichtigsten Optionen zum Darstellen und Bearbeiten von Text in der Funktion „Schreiben“.
  • Grafiken: Hier erfahren Sie mehr über die Funktionen von Compose zum Erstellen und Arbeiten mit benutzerdefinierten Grafiken.
  • Animation: Hier erfahren Sie mehr über die verschiedenen Optionen in Compose zum Animieren von UI-Elementen.
  • Gesten: Hier erfahren Sie, wie Sie eine Compose-Benutzeroberfläche erstellen, die Touch-Gesten erkennt und mit ihnen interagiert.
  • Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Compose Eingaben auf niedriger Ebene in Interaktionen auf höherer Ebene abstrahiert, damit Sie anpassen können, wie Ihre Komponenten auf Nutzeraktionen reagieren.

Compose einführen

  • Vorhandene ansichtenbasierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre vorhandene ansichtenbasierte App zu Compose migrieren.
    • Migrationsstrategie: Hier erfahren Sie, wie Sie Compose sicher und schrittweise in Ihre Codebasis einbinden.
    • Interoperabilitäts-APIs: Informationen zu den APIs von Compose, mit denen Sie Compose mit einer datenbankbasierten Benutzeroberfläche kombinieren können.
    • Weitere Überlegungen: Weitere Informationen zu Themen wie Design, Architektur und Tests bei der Migration Ihrer datenbankbasierten App zu Compose.
  • Compose und andere Bibliotheken: Hier erfahren Sie, wie Sie ansichtenbasierte Bibliotheken in Ihren Compose-Inhalten verwenden.
  • Compose-Architektur: Hier erfahren Sie, wie Sie das unidirektionale Flussmuster in Compose implementieren, Ereignisse und Statushalter implementieren und mit ViewModel in Compose arbeiten.
  • Navigation: Hier erfahren Sie, wie Sie mit NavController die Navigationskomponente in die Compose-Benutzeroberfläche einbinden.
  • Ressourcen: Hier erfahren Sie, wie Sie in Ihrem Compose-Code mit den Ressourcen Ihrer App arbeiten.
  • Barrierefreiheit: Hier erfahren Sie, wie Sie die Compose-Benutzeroberfläche für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit optimieren.
  • Testen: Hier erfahren Sie, wie Sie Ihren Compose-Code testen.

Weitere Informationen