Strumenti per Compose

Android Studio offre molte nuove funzionalità specifiche per Jetpack Compose. Adotta un approccio code-first e migliora al contempo la produttività degli sviluppatori senza dover scegliere se usare un'interfaccia di progettazione o un editor di codice.

Una differenza fondamentale tra l'interfaccia utente basata su View e Jetpack Compose è che Compose non si affida a View per il rendering dei suoi componenti componibili. Come conseguenza di questo approccio all'architettura, Android Studio offre funzionalità estese per Jetpack Compose senza dover aprire un emulatore o connettersi a un dispositivo. Rispetto alle visualizzazioni Android, questo consente agli sviluppatori un processo iterativo più veloce di implementare i design dell'interfaccia utente.

Per abilitare funzionalità specifiche di Android Studio per Jetpack Compose, devi aggiungere queste dipendenze nel file build.gradle(.kts) dell'applicazione. Puoi utilizzare il BOM (Bill of Materials) o definire le dipendenze singolarmente.

Distinta materiali

  val composeBom = platform("androidx.compose:compose-bom:2024.09.00")
  implementation(composeBom)

  debugImplementation("androidx.compose.ui:ui-tooling")
  implementation("androidx.compose.ui:ui-tooling-preview")

Singolarmente

  debugImplementation("androidx.compose.ui:ui-tooling:1.7.0")
  implementation("androidx.compose.ui:ui-tooling-preview:1.7.0")

Design

Crea componenti, sistemi di progettazione e schermi per allinearti alle specifiche di progettazione.
Parametro Anteprima Anteprima multipla
L'annotazione @Preview consente di visualizzare l'anteprima dei componenti componibili. Scopri come visualizzarne l'anteprima, organizzarli e interagirvi.
Anteprima animazione
Android Studio ti consente di progettare e esaminare le animazioni utilizzando il riquadro Anteprima animazione. In questo modo, puoi visualizzare l'anteprima di un'animazione fotogramma per fotogramma e assicurarti che si allinei al comportamento richiesto.

Sviluppo

Accelera la creazione dell'interfaccia utente e i test dell'applicazione in esecuzione con un minor numero di cambi di contesto.
Modifica in tempo reale
Scopri come utilizzare Live Edit e applicare le modifiche per evitare una build completa e accelerare il processo di sviluppo.
Modelli pubblicati Icone di grondaie
Scopri come utilizzare le funzionalità della finestra dell'editor di Android Studio per migliorare la produttività.

Debug

Esegui il debug della tua UI di Compose per comprendere la tua app. Scopri di più sull'analisi del layout, delle ricomposizioni e del tracciamento della composizione per migliorare le prestazioni della UI della tua app.
Conteggi della ricomposizione Semantica
Scopri come esaminare un layout di Scrivi in un emulatore o su un dispositivo fisico.
Tracciamento del sistema
Utilizza il tracciamento della composizione per tracciare le funzioni componibili in una traccia di sistema.

Strumenti aggiuntivi

Relay consente il passaggio istantaneo dei componenti dell'interfaccia utente Android tra designer e sviluppatori. I designer possono usare il plug-in Relay for Figma per annotare e creare pacchetti di componenti dell'interfaccia utente per l'utilizzo da parte degli sviluppatori, incluse informazioni su layout, stile, contenuti dinamici e comportamento di interazione.

Ultime notizie e video