Per un'esperienza ottimale di sviluppo con Compose, scarica e installa Android Studio. Include molte funzionalità dell'editor intelligente, come i nuovi modelli di progetto e la possibilità di visualizzare immediatamente l'anteprima dell'interfaccia utente e delle animazioni di Compose.
Segui queste istruzioni per creare un nuovo progetto di app Compose, configurare Compose per un progetto di app esistente o importare un'app di esempio scritta in Compose.
Crea una nuova app con il supporto di Compose
Se vuoi avviare un nuovo progetto che includa il supporto di Compose per impostazione predefinita, Android Studio include vari modelli di progetto per aiutarti a iniziare. Per creare un nuovo progetto con Compose configurato correttamente, procedi nel seguente modo:
- Se ti trovi nella finestra Benvenuto in Android Studio, fai clic su Avvia un nuovo progetto Android Studio. Se hai già aperto un progetto Android Studio, seleziona File > Nuovo > Nuovo progetto dalla barra dei menu.
- Nella finestra Seleziona un modello di progetto, seleziona Attività vuota e fai clic su Avanti.
- Nella finestra Configura il progetto, procedi nel seguente modo:
- Imposta Nome, Nome pacchetto e Salva posizione come faresti normalmente. Tieni presente che nel menu a discesa Lingua , Kotlin è l'unica opzione disponibile perché Jetpack Compose funziona solo con le classi scritte in Kotlin.
- Nel menu a discesa Livello API minimo, seleziona il livello API 21 o superiore.
- Fai clic su Fine.
Ora puoi iniziare a sviluppare un'app utilizzando Jetpack Compose. Per aiutarti a iniziare e scoprire cosa puoi fare con il toolkit, prova il tutorial di Jetpack Compose.
Configura le dipendenze e il compilatore di Compose
Consulta Configura le dipendenze e il compilatore di Compose.
Prova le app di esempio di Jetpack Compose
Il modo più veloce per sperimentare le funzionalità di Jetpack Compose è provare le app di esempio di Jetpack Compose ospitate su GitHub. Per importare un progetto di app di esempio da Android Studio, procedi nel seguente modo:
- Se ti trovi nella finestra Benvenuto in Android Studio, seleziona Importa un esempio di codice Android. Se hai già aperto un progetto Android Studio, seleziona File > Nuovo > Importa esempio dalla barra dei menu.
- Nella barra di ricerca in alto nella procedura guidata Sfoglia esempi, digita "compose".
- Seleziona una delle app di esempio di Jetpack Compose dai risultati di ricerca e fai clic su Avanti.
- Modifica il Nome applicazione e la Posizione progetto oppure mantieni i valori predefiniti.
- Fai clic su Fine.
Android Studio scarica l'app di esempio nel percorso specificato e apre il progetto. Puoi quindi esaminare MainActivity.kt in ciascuno degli esempi per visualizzare le API Jetpack Compose come l'animazione di dissolvenza incrociata, i componenti personalizzati, l'utilizzo della tipografia e la visualizzazione dei colori chiari e scuri nell'anteprima nell'IDE.
Per utilizzare Jetpack Compose per Wear OS, consulta Configura Jetpack Compose su Wear OS.
Consigliati per te
- Nota: il testo del link viene visualizzato quando JavaScript è disattivato
- Navigare con Compose
- Testare il layout di Compose
- Reagire alla messa a fuoco