Azioni dell'editor

Android Studio include funzionalità nell'area dell'editor per migliorare la produttività con Jetpack Compose.

Modelli live

Android Studio include questi modelli live correlati a Compose, che ti consentono di inserire snippet di codice per un inserimento rapido digitando l'abbreviazione del modello corrispondente:

  • comp per configurare una funzione @Composable
  • prev per creare una funzione componibile @Preview
  • paddp per aggiungere un modificatore padding in dp
  • weight per aggiungere un modificatore weight
  • W, WR, WC per racchiudere il componibile corrente in un contenitore Box, Row o Column

Icone della gutter

Le icone della gutter sono azioni contestuali visibili nella barra laterale, accanto ai numeri di riga. Android Studio introduce diverse icone della gutter specifiche per Jetpack Compose per semplificare l'esperienza di sviluppo.

Anteprima del deployment

Puoi eseguire il deployment di un @Preview nell'emulatore o sul dispositivo fisico direttamente dall'icona della gutter:

L'utente fa clic sull'icona della barra di distribuzione di una funzione di anteprima ed esegue il deployment dell'anteprima sul dispositivo

Selettore colori

Ogni volta che un colore viene definito all'interno o all'esterno di un componibile, la sua anteprima viene mostrata nella gutter. Puoi modificare il colore utilizzando il selettore colori facendo clic su di esso come segue:

L'utente fa clic su un colore nel margine, visualizzando un selettore di colori

Selettore di risorse immagine

Ogni volta che una risorsa drawable, un vettore o un'immagine viene definito all'interno o all'esterno di un componibile, la sua anteprima viene mostrata nella gutter. Puoi modificarlo utilizzando il selettore di risorse immagine facendo clic su di esso come segue:

L'utente che fa clic su un'icona nel gutter, visualizzando il selettore di risorse