Android Studio fornisce una raccolta di strumenti per aiutarti ad accelerare la progettazione della UI 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. Inizia a utilizzare gli strumenti aggiungendo prima le dipendenze necessarie al file Gradle tramite la distinta base (BOM).
Strumenti per progettare la tua 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.
- Visualizza l'anteprima delle animazioni: esamina, esegui il debug e visualizza l'anteprima delle animazioni fotogramma per fotogramma.
Strumenti per sviluppare e testare la tua UI
Accelera la creazione della UI e il test dell'applicazione in esecuzione con meno cambi di contesto.
- Modifica in tempo reale: applica le modifiche e visualizzale in tempo reale senza eseguire build complete.
- Azioni dell'editor: utilizza modelli, icone della barra laterale e altro ancora nella finestra dell'editor di Android Studio.
- Controlli lint: verifica la correttezza del codice Compose.
Strumenti per il debug della UI
Analizza il layout, le ricomposizioni e il tracciamento della composizione per migliorare le prestazioni dell'interfaccia utente della tua app.
- Layout Inspector: ispeziona un layout di Compose in un emulatore o un dispositivo fisico.
- Controllo dell'interfaccia utente di Compose: ispeziona l'interfaccia utente di Compose per verificare l'accessibilità e i problemi di adattamento per identificare i problemi relativi a diverse dimensioni di visualizzazione, orientamenti del dispositivo e fattori di forma.
- Tracciamento della composizione: traccia le funzioni componibili in una traccia di sistema.