Erste Schritte mit Jetpack Compose

Jetpack Compose ist das moderne Toolkit zum Erstellen von Android-Benutzeroberflächen. Es vereinfacht die Entwicklung von Apps, die sich an jede Displaygröße anpassen.

  • Übersicht: Hier finden Sie die Ressourcen, die Compose-Entwicklern zur Verfügung stehen.
  • Anleitung: Erstellen Sie eine einfache Benutzeroberfläche, um mit Compose zu beginnen.
  • Kurzanleitungen: In unseren kurzen und prägnanten Anleitungen erfahren Sie, wie Sie Ihr Ziel so schnell wie möglich erreichen.

Stiftung

  • In Compose denken: Hier erfahren Sie, wie sich der deklarative Ansatz von Compose vom ansichtsbasierten Ansatz unterscheidet, den Sie möglicherweise in der Vergangenheit verwendet haben. Erstellen Sie ein mentales Modell für die Arbeit mit Compose.
  • 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 von Composables und wie Compose festlegt, ob sie neu gezeichnet werden müssen.
  • Modifikatoren: Mit Modifikatoren können Sie Ihre Composables erweitern oder gestalten.
  • Nebeneffekte in Compose: Hier erfahren Sie, wie Sie Nebeneffekte verwalten.
  • Jetpack Compose-Phasen: Hier erfahren Sie mehr über die Schritte, die Compose durchläuft, um die Benutzeroberfläche Ihrer App zu rendern, und wie Sie diese Informationen verwenden können, um effizienten Code zu schreiben.
  • Architektonische Ebenen: Hier erfahren Sie mehr über die architektonischen Ebenen von Jetpack Compose und die wichtigsten Prinzipien, die dem Design von Compose zugrunde liegen.
  • Leistung: Vermeiden Sie häufige Programmierfehler, die die App-Leistung beeinträchtigen können.
  • Semantik in Compose: Hier erfahren Sie mehr über die Semantikstruktur, die Ihre Benutzeroberfläche so organisiert, dass sie von Bedienungshilfen und Testframeworks verwendet werden kann.
  • Daten mit lokalem Gültigkeitsbereich mit CompositionLocal: Verwenden Sie CompositionLocal um Daten durch die Komposition zu übergeben.

Adaptive Benutzeroberfläche

  • Adaptive Apps erstellen: Hier erfahren Sie mehr über die wichtigsten Prinzipien zum Erstellen von Layouts, die für jede Anzeigegröße optimiert sind, einschließlich Smartphones, Tablets, faltbarer Geräte und mehr.
  • Bewährte Layouts anwenden: Verwenden Sie kanonische Layouts wie „Listen-Detailansicht“ und „Unterstützende Seitenleiste“ für optimierte Apps auf großen Bildschirmen.
  • Adaptive Navigation: Implementieren Sie Navigationsmuster, die sich automatisch an den verfügbaren Anzeigebereich anpassen.

Entwicklungsumgebung

  • Android Studio mit Compose: Hier erfahren Sie, wie Sie Ihre Entwicklungsumgebung für die Verwendung von Compose einrichten.
  • Tools für Compose: Hier erfahren Sie mehr über die neuen Funktionen von Android Studio zur Unterstützung von Compose.
  • Kotlin für Compose: Kotlin-spezifische Idiome funktionieren mit Compose.
  • Compose- und Ansichts-Messwerte vergleichen: Hier erfahren Sie, wie sich die Migration zu Compose auf die APK-Größe und die Laufzeitleistung Ihrer App auswirken kann.
  • Materialliste: Verwalten Sie alle Compose-Abhängigkeiten, indem Sie nur die Version der Materialliste angeben.

Design

  • Layouts: Hier erfahren Sie mehr über Compose-Layoutkomponenten und wie Sie eigene Layouts entwerfen.
    • Grundlagen von Layouts: Hier erfahren Sie mehr über die Bausteine für eine einfache App-Benutzeroberfläche.
    • Materialkomponenten und -layouts: Hier erfahren Sie mehr über Materialkomponenten und -layouts in Compose.
    • Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App steuern und ein eigenes benutzerdefiniertes Layout entwerfen.
    • Ausrichtungslinien: Hier erfahren Sie, wie Sie benutzerdefinierte Ausrichtungslinien erstellen, um Ihre Benutzeroberflächenelemente präzise auszurichten und zu positionieren.
    • Intrinsische Messungen: Hier erfahren Sie, wie Sie Informationen zu untergeordneten Elementen abfragen, bevor Sie sie messen, da Compose Benutzeroberflächenelemente nur einmal pro Durchlauf misst.
    • ConstraintLayout: Hier erfahren Sie, wie Sie ConstraintLayout in Ihrer Compose-Benutzeroberfläche verwenden.
  • Designsysteme: Hier erfahren Sie, wie Sie ein Designsystem implementieren und Ihrer App ein einheitliches Erscheinungsbild verleihen.
  • Listen und Raster: Hier erfahren Sie mehr über die Compose-Optionen zum Verwalten und Anzeigen von Listen und Rastern mit Daten.
  • Text: Hier erfahren Sie mehr über die wichtigsten Optionen in Compose zum Anzeigen und Bearbeiten von Text.
  • Grafiken: Hier erfahren Sie mehr über die Compose-Funktionen zum Erstellen und Verwenden benutzerdefinierter Grafiken.
  • Animation: Hier erfahren Sie mehr über die Compose-Optionen zum Animieren Ihrer Benutzeroberflächenelemente.
  • Gesten: Hier erfahren Sie, wie Sie eine Compose-Benutzeroberfläche erstellen, die Nutzer gesten erkennt und darauf reagiert.
  • 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

  • Ansichtsbasierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre ansichtsbasierte 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 Compose-APIs, mit denen Sie Compose mit einer ansichtsbasierten Benutzeroberfläche kombinieren können.
    • Weitere Überlegungen: Hier erfahren Sie mehr über Design, Architektur, Tests und andere Überlegungen bei der Migration Ihrer ansichtsbasierten 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, Ereignisse und Status-Holder implementieren und mit ViewModel in Compose arbeiten.
  • Navigation: Hier erfahren Sie, wie Sie NavController verwenden, um die Navigations komponente in Ihre Compose-Benutzeroberfläche zu integrieren.
  • Ressourcen: Hier erfahren Sie, wie Sie in Ihrem Compose-Code mit den Ressourcen Ihrer App arbeiten.
  • Barrierefreiheit: Hier erfahren Sie, wie Sie Nutzer mit Anforderungen an die Barrierefreiheit unterstützen.
  • Tests: Hier erfahren Sie, wie Sie Ihren Compose-Code testen.

Zusätzliche Ressourcen