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
- Android Studio mit Compose: Richten Sie Ihre Entwicklungsumgebung für die Verwendung von Compose ein.
- Tooling for Compose: Informationen zu den neuen Funktionen von Android Studio zur Unterstützung von Compose.
- Kotlin für Compose: Hier erfahren Sie, wie bestimmte Kotlin-spezifische Idiome mit Compose funktionieren.
- Leistung von „Compose“ und „View“ vergleichen: Hier erfahren Sie, wie sich eine Migration zu Compose auf die APK-Größe und Laufzeitleistung Ihrer App auswirken kann.
- Bill of Materials (Materialrechnung): Verwalten Sie alle Abhängigkeiten vom Typ „Compose“, indem Sie nur die BOM-Version angeben.
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.
- Verschiedene Bildschirmgrößen unterstützen: 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.
- Material Design 3: Hier erfahren Sie, wie Sie Material You mit Material Design 3 in Compose implementieren.
- Migration von Material 2 zu Material 3: Hier erfahren Sie, wie Sie Ihre Anwendung in Compose von Material Design 2 zu Material Design 3 migrieren können.
- Material Design 2: Hier erfahren Sie, wie Sie die Implementierung von Material Design 2 in Compose an die Marke Ihres Produkts anpassen.
- Benutzerdefinierte Designsysteme: Hier erfahren Sie, wie Sie ein benutzerdefiniertes Designsystem in Composer implementieren und vorhandene zusammensetzbare Komponenten von Material Design entsprechend anpassen.
- Aufbau eines Themas: Informieren Sie sich über die untergeordneten Konstrukte und APIs, die von
MaterialTheme
und benutzerdefinierten Designsystemen verwendet werden.
- 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.
- Test auf einen Blick: Eine Kurzübersicht über nützliche Compose-Test-APIs.
Weitere Informationen
- Jetzt einrichten
- Ausgewählter Lernpfad
- Compose API-Richtlinien
- API-Referenz
- Codelabs
- Beispiel-Apps
- Videos
Empfehlungen für dich
- Hinweis: Der Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
- Lokalisierte Daten mit CompositionLocal
- Weitere Überlegungen
- Aufbau eines Designs in der Funktion „Compose“