Strumenti per la scrittura

Android Studio offre molte nuove funzionalità specifiche per Jetpack Compose. Adotta un approccio incentrato sul codice migliorando al contempo la produttività degli sviluppatori senza dover scegliere tra l'utilizzo dell'interfaccia di progettazione o dell'editor di codice.

Una differenza fondamentale tra la UI basata sulle visualizzazioni e Jetpack Compose è che Compose non si affida a View per eseguire il rendering dei suoi 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 ad Android Views, questo consente agli sviluppatori di implementare i design dell'UI un processo più rapido e iterativo.

Per attivare funzionalità specifiche di Android Studio per Jetpack Compose, devi aggiungere queste dipendenze nel file build.gradle(.kts) dell'applicazione. Puoi utilizzare la distinta base o definire le dipendenze singolarmente.

distinta base

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

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

Singolarmente

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

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.

Ultimi video e notizie