Azioni dell'editor

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

Modelli pubblicati

Android Studio include questi modelli live relativi 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 circondare il composable corrente con un contenitore Box, Row o Column

Icone grondaie

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

Anteprima del deployment

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

L'utente fa clic sull'icona della canalina di implementazione di una funzione di anteprima e la implementa sul dispositivo

Selettore colori

Ogni volta che un colore è definito all'interno o all'esterno di un composable, l'anteprima viene visualizzata sul riquadro. Puoi modificare il colore tramite il selettore dei colori facendoci clic sopra, come mostrato di seguito:

L'utente fa clic su un colore nell'area di guardia, visualizzando un selettore di colori

Selettore di risorse immagine

Ogni volta che un elemento drawable, vettoriale o immagine è definito all'interno o all'esterno di un componente composable, la relativa anteprima viene visualizzata nell'area di guardia. Puoi modificarla tramite il selettore di risorse immagine facendo clic su di essa come segue:

L'utente fa clic su un'icona nell'area di guardia, visualizzando il selettore di risorse