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 gelangen. 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, Foldables und im Mehrfenstermodus 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 Edit: Änderungen übernehmen und in Echtzeit sehen, ohne vollständige Builds durchzuführen.
- Editor-Aktionen: Verwenden Sie Vorlagen, Randleistensymbole 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: Untersuchen Sie ein Compose-Layout in einem Emulator oder auf einem physischen Gerät.
- 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.