Azioni dell'editor

Android Studio offre funzionalità all'interno dell'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 corrispondente del modello:

  • 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 weight modificatore
  • W, WR, WC per racchiudere il composable corrente in un contenitore Box, Row o Column

Icone della grondaia

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

Esegui il deployment dell'anteprima

Puoi eseguire il deployment di un @Preview sull'emulatore o sul dispositivo fisico direttamente dall'icona nella barra laterale:

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

Selettore colori

Ogni volta che un colore viene definito all'interno o all'esterno di un elemento componibile, la relativa anteprima viene mostrata nel margine. Puoi modificare il colore tramite il selettore colori facendo clic in questo modo:

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

Selettore risorse immagine

Ogni volta che viene definito un elemento disegnabile, vettoriale o un'immagine all'interno o all'esterno di un elemento componibile, la relativa anteprima viene mostrata nel margine. Puoi modificarlo tramite il selettore di risorse immagine facendo clic in questo modo:

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

Indietro
Sviluppa il codice in modo iterativo
Avanti
Panoramica