Android Studio fornisce una raccolta di strumenti che ti aiutano ad accelerare la progettazione dell'UI utilizzando le librerie Jetpack Compose. Con l'agente AI in Android Studio, puoi passare rapidamente da un mock-up dell'UI a un prototipo funzionante. Per iniziare a utilizzare gli strumenti, aggiungi prima le dipendenze necessarie al file Gradle tramite la distinta materiali (BOM).
Strumenti per la progettazione dell'UI
Crea componenti, sistemi di progettazione e layout in linea con le specifiche di progettazione.
- Anteprima UI: visualizza l'anteprima e interagisci con i composable su varie dimensioni dello schermo, dispositivi pieghevoli e configurazioni multi-finestra.
- Anteprima animazioni: ispeziona, esegui il debug e visualizza l'anteprima delle animazioni frame per frame.
Strumenti per lo sviluppo e il test dell'UI
Accelera la creazione dell'UI e il test dell'applicazione in esecuzione con meno cambi di contesto.
- Modifica live: applica le modifiche e visualizzale in tempo reale senza eseguire build complete.
- Azioni dell'editor: utilizza modelli, icone della barra di scorrimento e altro ancora in ella finestra dell'editor di Android Studio.
- Controlli Lint: verifica la correttezza del codice Compose.
Strumenti per il debug dell'UI
Analizza il layout, le ricomposizioni e la traccia della composizione per migliorare il rendimento dell'UI dell'app.
- Layout Inspector: ispeziona un layout Compose in un emulatore o su un dispositivo fisico.
- Controllo UI di Compose: ispeziona l'UI di Compose per verificare la presenza di problemi di accessibilità e adattamento per identificare i problemi relativi a diverse dimensioni dello schermo, orientamenti del dispositivo e fattori di forma.
- Traccia della composizione: traccia le funzioni composable in una traccia di sistema.