Android Studio fornisce una serie di strumenti per aiutarti ad accelerare il design dell'interfaccia utente utilizzando le librerie Jetpack Compose. Per iniziare a utilizzare questi strumenti, devi prima aggiungere le dipendenze necessarie al file Gradle tramite la distinta componenti (BOM).
Strumenti per la progettazione dell'interfaccia utente
Crea componenti, sistemi di progettazione e schermate in linea con le specifiche di progettazione.
- UI di anteprima: visualizza l'anteprima, organizza e interagisci con i composabili.
- Visualizza l'anteprima delle animazioni: controlla, esegui il debug e visualizza l'anteprima delle animazioni fotogramma per fotogramma.
Strumenti per lo sviluppo e il test dell'interfaccia utente
Accelera la creazione dell'interfaccia utente e il test dell'applicazione in esecuzione riducendo il cambio di contesto.
- Modifica in tempo reale: applica le modifiche e visualizzale in tempo reale senza eseguire build complete.
- Azioni dell'editor: utilizza modelli, icone grondaie e altro ancora nella finestra dell'editor di Android Studio.
Strumenti per il debug dell'interfaccia utente
Analizza il layout, le ricostruzioni e il monitoraggio della composizione per migliorare le prestazioni dell'interfaccia utente della tua app.
- Layout Inspector: controlla un layout di Compose in un emulatore o un dispositivo fisico.
- Rilevamento della composizione: rileva le funzioni componibili in una traccia di sistema.
Strumenti per spostare i componenti dell'interfaccia utente dal design alla programmazione
- Relay per Android Studio: consente il trasferimento istantaneo dei componenti dell'interfaccia utente di Android tra designer e sviluppatori. I designer possono pacchettizzare i componenti dell'interfaccia utente con informazioni su layout, stile, contenuti dinamici e comportamento di interazione. Gli sviluppatori possono importare questi pacchetti e convertirli in codice Jetpack Compose.