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

  • In Compose denken: Hier erfahren Sie, wie sich der deklarative Ansatz von „Compose“ von dem bisher verwendeten ansichtsbasierten Ansatz unterscheidet und wie Sie ein 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 zusammensetzbaren Funktionen: Hier erfahren Sie mehr über den Lebenszyklus einer zusammensetzbaren Funktion und darüber, wie die Funktion „Compose“ entscheidet, ob sie neu gezeichnet werden muss.
  • Modifikatoren: Hier erfahren Sie, wie Sie Ihre Composeables mithilfe von Modifikatoren ergänzen oder verzieren.
  • 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 zum Schreiben effizienten Codes verwenden können.
  • 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 mit lokalem Umfang 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 so ein, dass Compose verwendet wird.
  • 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: Erfahren Sie mehr über die nativen Layoutkomponenten von Compose und erstellen Sie eigene Layouts.
    • 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: Erfahren Sie, wie Sie das Layout Ihrer App anpassen und ein eigenes benutzerdefiniertes Layout erstellen können.
    • 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 Sie bei der Funktion „Compose“ Low-Level-Eingaben in übergeordnete Interaktionen abstrahieren, sodass Sie anpassen können, wie Ihre Komponenten auf Nutzeraktionen reagieren.

Compose einführen

  • Viewbasierte Apps migrieren: Hier erfahren Sie, wie Sie vorhandene ansichtsbasierte Apps zu Compose migrieren.
    • Migrationsstrategie: Hier erfahren Sie, wie Sie Compose sicher und schrittweise in Ihre Codebasis einbinden.
    • Interoperabilitäts-APIs: Hier erfahren Sie mehr über die Compose-APIs, mit denen Sie das Tool „Compose“ mit der ansichtsbasierten UI kombinieren können.
    • Weitere Überlegungen: Hier erfahren Sie mehr über 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: Erfahren Sie, wie Sie den Compose-Code testen.
    • Testübersicht: Eine Kurzanleitung zu nützlichen Compose-Test-APIs.

Weitere Informationen