Erste Schritte mit Jetpack Compose

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

  • Übersicht: Hier finden Sie alle Ressourcen, die für Compose-Entwickler verfügbar sind.
  • Anleitung: Beginnen Sie mit der Funktion „Schreiben“ und erstellen Sie damit eine einfache Benutzeroberfläche.
  • Kurzanleitungen: Neu! Probieren Sie unsere kurzen und fokussierten Leitfäden aus, die Ihnen dabei helfen sollen, Ihr Ziel so schnell wie möglich zu erreichen.

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: Weitere 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: Erfahren Sie, wie Sie Ihre zusammensetzbaren Funktionen mithilfe von Modifikatoren aufwerten oder gestalten können.
  • Nebeneffekte in der Funktion „Compose“: Hier erfahren Sie, wie Sie Nebeneffekte am besten verwalten.
  • Jetpack Compose-Phasen: Erfahren Sie mehr über die Schritte, die in Compose zum Rendern Ihrer Benutzeroberfläche ausgeführt werden und wie Sie mithilfe dieser Informationen effizienten Code schreiben
  • Architekturschichten: Hier erfahren Sie mehr über die Architekturebenen von Jetpack Compose und die Grundprinzipien des Designs.
  • Leistung: Hier erfahren Sie, wie Sie häufige Programmierfehler vermeiden, die die Leistung Ihrer App beeinträchtigen können.
  • Semantik in Compose: Erfahren Sie mehr über die Semantik-Struktur, mit der Ihre UI so organisiert wird, dass sie von Bedienungshilfen und dem Test-Framework verwendet werden kann.
  • Lokale Daten mit CompositionLocal: Erfahren Sie, wie Sie mit CompositionLocal Daten über die Komposition übergeben.

Entwicklungsumgebung

Design

  • Layouts: Hier finden Sie Informationen zu den nativen Layoutkomponenten von Compose und zum Erstellen eigener Layouts.
    • Layoutgrundlagen: Hier erfahren Sie mehr über die Bausteine einer einfachen App-Benutzeroberfläche.
    • Materialkomponenten und Layouts: Erfahren Sie mehr über Materialkomponenten und Layouts in Compose.
    • Benutzerdefinierte Layouts: Hier erfahren Sie, wie Sie das Layout Ihrer App selbst steuern und ein eigenes benutzerdefiniertes Layout erstellen.
    • Verschiedene Bildschirmgrößen unterstützen: Mit der Funktion „Compose“ können Sie 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 Benutzeroberfläche zum Schreiben verwenden.
  • Designsysteme: Hier erfahren Sie, wie Sie ein Designsystem implementieren und Ihrer App ein einheitliches Erscheinungsbild geben.
  • Listen und Raster: Hier finden Sie Informationen zu einigen der Optionen zum Verwalten und Anzeigen von Listen und Rastern von Daten in der Funktion „Compose“.
  • Text: Weitere 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: Erfahren Sie mehr über die verschiedenen Optionen zum Animieren von UI-Elementen in der Funktion „Compose“.
  • Gesten: Erfahren Sie, wie Sie eine Benutzeroberfläche zum Schreiben einer Nachricht erstellen, die Nutzergesten erkennt und mit diesen interagiert.
  • Nutzerinteraktionen verarbeiten: Hier erfahren Sie, wie Sie bei der Funktion „Compose“ untergeordnete Eingaben in Interaktionen auf höherer Ebene 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: Hier erfahren Sie mehr über die APIs von Compose, mit denen Sie Compose mit der ansichtsbasierten UI kombinieren können.
    • Weitere Überlegungen: Informieren Sie sich während der Migration Ihrer Ansichtsbasierten App zu Compose über andere Aspekte wie Themen wie Design, Architektur und Tests.
  • Compose- und andere Bibliotheken: Hier erfahren Sie, wie Sie ansichtsbasierte Bibliotheken in Ihrem Compose-Inhalt verwenden.
  • Compose-Architektur: Hier erfahren Sie, wie Sie das unidirektionale Ablaufmuster in Compose implementieren, Ereignisse und Statusinhaber implementieren und mit ViewModel in Compose arbeiten.
  • Navigation: Hier erfahren Sie, wie Sie mit NavController die Navigationskomponente in Ihre Benutzeroberfläche zum Schreiben integrieren.
  • Ressourcen: Hier erfahren Sie, wie Sie im Compose-Code mit den Ressourcen Ihrer App arbeiten.
  • Bedienungshilfen: Hier erfahren Sie, wie Sie die Benutzeroberfläche von „Compose“ für Nutzer mit unterschiedlichen Anforderungen an die Barrierefreiheit anpassen.
  • Test: Weitere Informationen zum Testen des Compose-Codes.

Zusätzliche Ressourcen