Erste Schritte mit Jetpack Compose

Jetpack Compose ist das moderne Toolkit zum Erstellen nativer Android-UIs. Hier finden Sie die neuesten Informationen zur Verwendung von „Compose“.

  • Übersicht: Hier finden Sie alle Ressourcen, die Compose-Entwicklern zur Verfügung stehen.
  • Tutorial: Sie können jetzt mit „Compose“ eine einfache UI erstellen.
  • Kurzanleitungen: Neu! Probieren Sie unsere schnellen und zielgerichteten Anleitungen aus, die Ihnen helfen sollen, so schnell wie möglich ans Ziel zu kommen.

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: Erfahren Sie, wie Sie den Status in der Schreib-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 zusammensetzbaren Funktionen mit Modifikatoren ergänzen oder gestalten.
  • Nebeneffekte im Editorfenster: Hier erfährst du, wie du Nebeneffekte am besten verwaltest.
  • Jetpack-Compose-Phasen: Informieren Sie sich über die Schritte, die Compose zum Rendern Ihrer UI durchläuft und wie Sie diese Informationen verwenden, um effizienten Code zu schreiben.
  • Architekturebenen: Hier erfahren Sie mehr über die Architekturebenen, aus denen Jetpack Compose besteht, und die Grundprinzipien, die das Design zugrunde liegen.
  • Leistung: Hier erfahren Sie, wie Sie häufige Programmierfehler vermeiden, die die Leistung Ihrer App beeinträchtigen können.
  • Semantik in Compose: Hier erfahren Sie mehr über die Semantikstruktur, mit der Ihre UI so organisiert ist, dass sie von Bedienungshilfen und dem Test-Framework genutzt werden kann.
  • Daten auf lokaler Ebene mit CompositionLocal: Hier erfahren Sie, wie Sie mit CompositionLocal Daten über die Zusammensetzung übergeben.

Entwicklungsumgebung

  • Android Studio mit Compose: Richten Sie Ihre Entwicklungsumgebung für die Funktion „Compose“ ein.
  • Tool zum Schreiben: 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 Redewendungen mit Compose funktionieren.
  • Messwerte zum Schreiben und Ansehen vergleichen: Hier erfährst du, wie sich die Migration zu „Compose“ auf die APK-Größe deiner App und die Laufzeitleistung auswirken kann.
  • Bill of Materials (Materialrechnung): Verwalten Sie alle Abhängigkeiten vom Typ „Compose“, indem Sie nur die Version der BOM angeben.

Design

  • Layouts: Erfahren Sie mehr über die nativen Layoutkomponenten von Compose und erstellen Sie eigene Layouts.
    • Layoutgrundlagen: Erfahren Sie mehr über die Bausteine einer einfachen App-Benutzeroberfläche.
    • Materialkomponenten und -layouts: Hier erfahren Sie mehr über Materialkomponenten und -Layouts in Compose.
    • Benutzerdefinierte Layouts: Erfahren Sie, wie Sie das Layout Ihrer App anpassen und ein eigenes benutzerdefiniertes Layout erstellen können.
    • Verschiedene Bildschirmgrößen unterstützen: Hier erfahren Sie, wie Sie mit der Funktion „Schreiben“ Layouts erstellen können, 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 UI-Elemente mit der Funktion „Compose“ nur einmal pro Karte/Ticket messen können, wird auf dieser Seite erläutert, wie Sie Informationen zu untergeordneten Elementen abfragen, bevor Sie sie messen.
    • ConstraintLayout: Erfahren Sie, wie Sie ConstraintLayout in der Benutzeroberfläche zum Schreiben verwenden.
  • Designsysteme: Erfahren Sie, wie Sie ein Designsystem implementieren und Ihrer App ein einheitliches Erscheinungsbild verleihen.
  • Listen und Raster: Informieren Sie sich über einige der Optionen von „Compose“ zum Verwalten und Anzeigen von Listen und Datenrastern.
  • Text: Hier erfahren Sie mehr über die Hauptoptionen von „Compose“ zum Anzeigen und Bearbeiten von Text.
  • Grafiken: Hier erfahren Sie mehr über die Funktionen von „Compose“ zum Erstellen und Arbeiten mit benutzerdefinierten Grafiken.
  • Animation: Erfahren Sie mehr über die verschiedenen Optionen für „Compose“ zur Animation Ihrer UI-Elemente.
  • Gesten und Bewegungen: Hier erfahren Sie, wie Sie eine Benutzeroberfläche zum Schreiben von Texten erstellen, die Nutzergesten erkennt und mit ihnen interagiert.
  • Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Sie bei der Funktion „Compose“ Low-Level-Eingaben in übergeordnete Interaktionen abstrahieren, damit Sie anpassen können, wie Ihre Komponenten auf Nutzeraktionen reagieren.

„Compose“ verwenden

  • Viewbasierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre bestehenden ansichtsbasierten Apps zu „Compose“ migrieren.
    • Migrationsstrategie: Lernen Sie die Strategie für die sichere und schrittweise Einführung von Compose in Ihre Codebasis kennen.
    • Interoperabilitäts-APIs: Hier erfahren Sie mehr über die Compose-APIs, damit Sie das Tool „Compose“ mit der ansichtsbasierten UI kombinieren können.
    • Weitere Überlegungen: Bei der Migration Ihrer ansichtsbasierten App zu Compose erfahren Sie mehr über Themen, Architektur und Tests.
  • Compose und andere Bibliotheken: Erfahren Sie, wie Sie in „Compose“-Inhalte ansichtsbasierte Bibliotheken verwenden.
  • Compose-Architektur: Hier erfahren Sie, wie Sie das Muster eines unidirektionalen Ablaufs in Compose implementieren, Ereignisse und Statusinhaber implementieren und in Compose mit ViewModel arbeiten.
  • Navigation: Hier erfahren Sie, wie Sie mit NavController die Navigationskomponente in Ihre Editor-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 die Ressourcen Ihrer App im Editor zum Schreiben verwenden.
  • Bedienungshilfen: Hier erfahren Sie, wie Sie die Benutzeroberfläche zum Schreiben von Texten für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit anpassen.
  • Testen: Erfahren Sie, wie Sie den Compose-Code testen.

Zusätzliche Ressourcen