Erste Schritte mit Jetpack Compose

Jetpack Compose ist das moderne Toolkit zum Erstellen nativer Android-UIs. Hier finden Sie aktuelle Informationen zur Verwendung der Funktion „Schreiben“.

  • Übersicht: Hier finden Sie alle Ressourcen, die für Compose-Entwickler verfügbar sind.
  • Tutorial: In dieser Anleitung erfahren Sie, wie Sie mit der Funktion „Compose“ eine einfache UI erstellen.

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: Informationen zum Festlegen und Verwenden des Status in der Compose-Anwendung.
  • Lebenszyklus von zusammensetzbaren Funktionen: Hier finden Sie Informationen zum Lebenszyklus einer zusammensetzbaren Funktion und dazu, wie in der Funktion „Compose“ entscheidet, ob sie neu gezeichnet werden muss.
  • Modifikatoren: Hier erfahren Sie, wie Sie Ihre zusammensetzbaren Funktionen mit Modifikatoren aufwerten oder gestalten.
  • Nebeneffekte in der Funktion „Compose“: Hier erfahren Sie, wie Sie Nebeneffekte am besten verwalten.
  • Jetpack Compose-Phasen: Hier erfahren Sie mehr über die Schritte, die in Composer zum Rendern der Benutzeroberfläche ausgeführt werden und wie Sie mithilfe dieser Informationen effizienten Code schreiben.
  • Architekturebenen: Hier erfährst du mehr über die Architekturebenen, aus denen Jetpack Compose besteht, und die Grundprinzipien des Designs.
  • Leistung: Hier erfährst du, wie du häufige Programmierfehler vermeiden kannst, die die Leistung deiner App beeinträchtigen können.
  • Semantik in Compose: Hier erfahren Sie mehr über die Semantikstruktur, mit der Ihre UI so organisiert wird, dass sie von Bedienungshilfen und dem Test-Framework verwendet werden kann.
  • Lokalisierte Daten mit CompositionLocal: Hier erfahren Sie, wie Sie mit CompositionLocal Daten über die Komposition übergeben.

Entwicklungsumgebung

Design

  • Layouts: Hier erfahren Sie mehr über die nativen Layoutkomponenten von Compose und wie Sie eigene erstellen.
    • Layoutgrundlagen: Hier finden Sie Informationen zu den Bausteinen für eine einfache App-UI.
    • Materialkomponenten und Layouts: 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 erstellen können.
    • Adaptive Layouts erstellen: Hier erfahren Sie, wie Sie mit der Funktion „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 Durchgang 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 der Erstellungs-UI 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 einige der Optionen zum Verwalten und Anzeigen von Listen und Rastern von Daten in der Funktion „Compose“.
  • Text: Informationen zu den Hauptoptionen zum Anzeigen und Bearbeiten von Text in der Funktion „Compose“.
  • Grafiken: Hier finden Sie Informationen zu den Funktionen in der Funktion „Compose“ zum Erstellen und Arbeiten mit benutzerdefinierten Grafiken.
  • Animation: Informationen zu den verschiedenen Optionen zum Animieren von UI-Elementen in der Funktion „Compose“
  • Gesten: Hier erfahren Sie, wie Sie eine Benutzeroberfläche zum Schreiben einer Nachricht erstellen, die Nutzergesten erkennt und mit ihnen interagiert.
  • Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Sie in der Funktion „Compose“ untergeordnete Eingaben in übergeordnete Interaktionen abstrahieren. So können Sie anpassen, wie Ihre Komponenten auf Nutzeraktionen reagieren.

Funktion „Compose“ verwenden

  • Vorhandene View-basierte Apps migrieren: Hier erfahren Sie, wie Sie Ihre bestehende View-basierte App zu Compose migrieren.
    • Migrationsstrategie: Lernen Sie die Strategie kennen, um Compose sicher und schrittweise in Ihre Codebasis einzuführen.
    • Interoperabilitäts-APIs: Mit den APIs von Compose können Sie Compose mit einer ansichtsbasierten UI kombinieren.
    • Weitere Überlegungen: Informieren Sie sich während der Migration Ihrer Ansichtsbasierten Anwendung zu Compose über andere Aspekte wie Themen, Architektur und Tests.
  • Compose und andere Bibliotheken: Hier erfahren Sie, wie Sie ansichtsbasierte Bibliotheken in Compose-Inhalten verwenden.
  • Compose-Architektur: Hier erfahren Sie, wie Sie das unidirektionale Ablaufmuster in Compose implementieren, Ereignisse und Statusinhaber implementieren und mit ViewModel in Composer arbeiten.
  • Navigation: Hier erfahren Sie, wie Sie mit NavController die Navigationskomponente in die Erstellungs-UI einbinden.
    • Navigation für responsive UIs: Hier erfährst du, wie du die Navigation deiner App so gestalten kannst, dass sie sich an verschiedene Bildschirmgrößen, Ausrichtungen und Formfaktoren anpasst.
  • Ressourcen: Hier erfahren Sie, wie Sie im Compose-Code mit den Ressourcen Ihrer App arbeiten.
  • Barrierefreiheit: Hier erfahren Sie, wie Sie die Benutzeroberfläche von „Compose“ für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit anpassen.
  • Test: Hier erfahren Sie, wie Sie den Compose-Code testen.

Weitere Informationen