Android Studio bietet eine Reihe von Tools, mit denen Sie das UI-Design mit Jetpack Compose-Bibliotheken beschleunigen können. Sie können diese Tools verwenden, indem Sie Ihrer Gradle-Datei über die Materialliste (Bill of Materials, BOM) die erforderlichen Abhängigkeiten hinzufügen.
Tools zum Entwerfen Ihrer Benutzeroberfläche
Komponenten, Designsysteme und Bildschirme erstellen, die auf die Designspezifikationen abgestimmt sind.
- UI-Vorschau: Sie können sich eine Vorschau von Composeables ansehen, sie organisieren und mit ihnen interagieren.
- Animationsvorschau ansehen: Animationen können Sie Frame für Frame prüfen, debuggen und in der Vorschau ansehen.
Tools zur Entwicklung und Prüfung Ihrer Benutzeroberfläche
Beschleunigen Sie die Erstellung der UI und das Testen der laufenden Anwendung mit weniger Kontextwechsel.
- Live-Bearbeitung: Änderungen werden ohne vollständige Builds angewendet und in Echtzeit angezeigt.
- Editoraktionen: Sie können im Android Studio-Editor-Fenster unter anderem Vorlagen und Rändersymbole verwenden.
Tools zur Fehlerbehebung bei der Benutzeroberfläche
Analysieren Sie Layout, Neuzusammensetzungen und Zusammensetzungs-Tracing, um die UI-Leistung Ihrer App zu verbessern.
- Layout Inspector: Hier können Sie ein „Compose“-Layout in einem Emulator oder auf einem physischen Gerät prüfen.
- Komposition-Tracing: Hiermit können Sie Ihre kompositionsfähigen Funktionen in einem System-Trace erfassen.
Tools zum Übertragen von UI-Komponenten vom Design in den Code
- Relay für Android Studio: Ermöglicht die sofortige Übergabe von Android-UI-Komponenten zwischen Designern und Entwicklern. Designer können UI-Komponenten mit Informationen über Layout, Stil, dynamische Inhalte und Interaktionsverhalten bündeln. Entwickler können diese Pakete importieren und in Jetpack Compose-Code umwandeln.