Android Studio fornisce una raccolta di strumenti che ti aiutano ad accelerare la progettazione dell'interfaccia utente utilizzando le librerie Jetpack Compose. Con l'agente AI in Android Studio, puoi passare rapidamente da un mock-up dell'interfaccia utente a un prototipo funzionante. Per iniziare a utilizzare gli strumenti, aggiungi prima le dipendenze necessarie al file Gradle tramite la distinta base (BOM).
Strumenti per la progettazione dell'interfaccia utente
Crea componenti, sistemi di progettazione e layout in linea con le specifiche di progettazione.
- Anteprima dell'interfaccia utente: visualizza l'anteprima e interagisci con i composable su varie dimensioni dello schermo, dispositivi pieghevoli e configurazioni multi-finestra.
- Anteprima delle animazioni: ispeziona, esegui il debug e visualizza l'anteprima delle animazioni frame per frame.
Strumenti per lo sviluppo e il test dell'interfaccia utente
Accelera la creazione dell'interfaccia utente 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'interfaccia utente
Analizza il layout, le ricomposizioni e il tracciamento della composizione per migliorare il rendimento dell'interfaccia utente della tua app.
- Layout Inspector: ispeziona un layout Compose in un emulatore o su un dispositivo fisico.
- Controllo dell'interfaccia utente di Compose: ispeziona l'interfaccia utente 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.
- Tracciamento della composizione: traccia le funzioni composable in una traccia di sistema.