Android Studio bietet eine Reihe von Tools, mit denen Sie das UI-Design mithilfe von Jetpack Compose-Bibliotheken beschleunigen können. Mit dem KI‑Agenten in Android Studio können Sie schnell von einem UI‑Mockup zu einem funktionierenden Prototyp wechseln. 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 damit 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, Stegsymbole 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 Leistung der Benutzeroberfläche 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 komponierbaren Funktionen in einem System-Trace aufzeichnen.