Android Studio bietet eine Reihe von Tools, mit denen Sie das UI-Design mithilfe von Jetpack Compose-Bibliotheken beschleunigen können. Fügen Sie zuerst die erforderlichen Abhängigkeiten über die Materialliste (Bill of Materials, BOM) in Ihre Gradle-Datei ein, um mit den Tools zu arbeiten.
Tools zum Entwerfen der Benutzeroberfläche
Komponenten, Designsysteme und Layouts erstellen, die den Designvorgaben entsprechen.
- UI-Vorschau: Sie können Composables auf verschiedenen Bildschirmgrößen, faltbaren Geräten und in Multi-Window-Konfigurationen in der Vorschau ansehen und mit ihnen interagieren.
- Animationen in der Vorschau ansehen: Animationen lassen sich Frame für Frame ansehen, debuggen und in der Vorschau anzeigen.
Tools zum Entwickeln und Testen der Benutzeroberfläche
Die Benutzeroberfläche lässt sich schneller erstellen und die laufende Anwendung kann mit weniger Kontextwechseln getestet werden.
- Live-Bearbeitung: Änderungen anwenden und in Echtzeit sehen, ohne vollständige Builds durchzuführen.
- Editor-Aktionen: Verwenden Sie Vorlagen, Rinnensymbole und mehr im Android Studio-Editorfenster.
- Lint-Prüfungen: Prüfen Sie die Richtigkeit Ihres Compose-Codes.
Tools zum Debuggen der Benutzeroberfläche
Analysieren Sie das Layout, die Neuzusammensetzungen und das Zusammensetzungs-Tracing, um die UI-Leistung Ihrer App zu verbessern.
- Layout Inspector: Sie können ein Compose-Layout in einem Emulator oder auf einem physischen Gerät untersuchen.
- Compose UI Check: Untersuchen Sie die Compose-Benutzeroberfläche auf Barrierefreiheit und adaptive Probleme, um Probleme im Zusammenhang mit verschiedenen Displaygrößen, Geräteausrichtungen und Formfaktoren zu erkennen.
- Composition Tracing: Sie können Ihre zusammensetzbaren Funktionen in einem System-Trace aufzeichnen.