Jetpack Compose è il toolkit moderno per la creazione di una UI nativa di Android. Ecco dove troverai le informazioni più recenti sull'utilizzo di Compose.
- Panoramica: visualizza tutte le risorse disponibili per gli sviluppatori di Compose.
- Tutorial: inizia a utilizzare Compose, utilizzandolo per creare un'interfaccia utente semplice.
- Guide rapide: Novità! Prova le nostre guide rapide e mirate, progettate per raggiungere il tuo obiettivo il più rapidamente possibile.
Fondazione
- Pensare in Compose: scoprite come l'approccio dichiarativo di Compose è diverso dall'approccio basato sulle visualizzazioni che potreste aver usato in passato e come creare un modello mentale per lavorare con Compose.
- Gestione dello stato: scopri di più su come impostare e utilizzare lo stato nell'app Compose.
- Ciclo di vita degli elementi componibili: scopri di più sul ciclo di vita di un componibile e su come Compose decide se deve essere ridisegnato.
- Modificatori: scopri come utilizzare i modificatori per arricchire o decorare i tuoi componibili.
- Effetti collaterali in Compose: scopri i modi migliori per gestire gli effetti collaterali.
- Fasi di Jetpack Compose: scopri i passaggi seguiti da Composer per eseguire il rendering della tua UI e come utilizzare queste informazioni per scrivere codice efficiente
- Livelli architettonici: scopri di più sui livelli architetturali di Jetpack Compose e sui principi alla base del suo design.
- Prestazioni: scopri come evitare gli errori più comuni di programmazione che possono compromettere le prestazioni della tua app.
- Semantica in Compose: scopri di più sull'albero della semantica, che organizza la tua UI in modo da poter essere utilizzata dai servizi di accessibilità e dal framework di test.
- Dati con ambito locale con ComposeLocal:
scopri come utilizzare
CompositionLocal
per trasmettere dati tramite Compose.
Ambiente di sviluppo
- Android Studio con Compose: configura il tuo ambiente di sviluppo per l'utilizzo di Compose.
- Tooling for Compose: scopri di più sulle nuove funzionalità di Android Studio per il supporto di Compose.
- Kotlin per Compose: scopri come funzionano alcune espressioni idiomatiche specifiche di Kotlin in Compose.
- Confronta le prestazioni di Compose e View: scopri come la migrazione a Compose può influire sulle dimensioni degli APK e sulle prestazioni di runtime della tua app.
- Elenco dei materiali: gestisci tutte le dipendenze di Compose specificando solo la versione della distinta base.
Progettazione
- Layout:
scopri di più sui componenti del layout nativo di Compose e su come progettarne uno personalizzato.
- Nozioni di base sul layout: scopri gli elementi di base per una UI intuitiva dell'app.
- Componenti e layout di Material: scopri di più sui componenti e sui layout di Material in Compose.
- Layout personalizzati: scopri come assumere il controllo del layout della tua app e progettare un layout personalizzato.
- Supporto di schermi di dimensioni diverse: scopri come utilizzare Scrivi per creare layout che si adattano a dimensioni, orientamenti e fattori di forma dello schermo.
- Linee di allineamento: scopri come creare linee di allineamento personalizzate per allineare e posizionare con precisione gli elementi dell'interfaccia utente.
- Misurazioni intrinseche: Poiché Compose consente di misurare gli elementi dell'interfaccia utente solo una volta per ogni passaggio, questa pagina spiega come eseguire query per ottenere informazioni sugli elementi secondari prima di misurarli.
- ConstraintLayout: scopri come utilizzare
ConstraintLayout
nell'interfaccia utente di Compose.
- Sistemi di progettazione:
scopri come implementare un sistema di progettazione e conferire alla tua app un aspetto e uno stile coerenti.
- Material Design 3: scopri come implementare Material You tramite l'implementazione di Material Design 3 di Compose.
- Migrazione da Material 2 a Material 3: scopri come eseguire la migrazione della tua app da Material Design 2 a Material Design 3 in Compose.
- Material Design 2: scopri come personalizzare l'implementazione di Material Design 2 di Compose per adattarla al brand del tuo prodotto.
- Sistemi di progettazione personalizzati: scopri come implementare un sistema di progettazione personalizzato in Compose e come adattare i componenti componibili di Material Design esistenti per far fronte a questo problema.
- Struttura di un tema: scopri di più sui costrutti di livello inferiore e sulle API utilizzati da
MaterialTheme
e dai sistemi di progettazione personalizzata.
- Elenchi e griglie: Scopri alcune delle opzioni di Compose per la gestione e la visualizzazione di elenchi e griglie di dati.
- Testo: Scopri le principali opzioni di Compose per visualizzare e modificare il testo.
- Elementi grafici: scopri le funzionalità di Compose per creare e lavorare con grafiche personalizzate.
- Animazione: scopri di più sulle varie opzioni di Compose per animare gli elementi dell'interfaccia utente.
- Gesti: scopri come creare una UI di Compose che rilevi i gesti degli utenti e interagisca con loro.
- Gestione delle interazioni degli utenti: scopri come Compose estrae l'input di basso livello in interazioni di livello superiore, in modo da poter personalizzare il modo in cui i componenti rispondono alle azioni degli utenti.
Adozione di Compose
- Esegui la migrazione delle app esistenti basate sulle visualizzazioni:
scopri come eseguire la migrazione dell'app esistente basata sulle visualizzazioni a Compose.
- Strategia di migrazione: scopri la strategia per introdurre Compose in modo sicuro e incrementale nel tuo codebase.
- API interoperabilità: scopri di più sulle API di Compose per combinare Compose con l'UI basata sulle visualizzazioni.
- Altre considerazioni: scopri altre considerazioni relative a temi, architettura e test durante la migrazione dell'app basata sulle visualizzazioni a Compose.
- Compose e altre librerie: scopri come utilizzare le raccolte basate sulle visualizzazioni nei tuoi contenuti di Compose.
- Architettura di Compose:
scopri come implementare il pattern di flusso unidirezionale in Compose, come
implementare eventi e contenitori di stato e come utilizzare
ViewModel
in Compose. - Navigazione:
scopri come utilizzare
NavController
per integrare il componente di navigazione con la UI di Compose.- Navigazione per UI adattabili: scopri come progettare la navigazione dell'app in modo che si adatti a dimensioni dello schermo, orientamenti e fattori di forma.
- Risorse: scopri come utilizzare le risorse della tua app nel codice di Compose.
- Accessibilità: scopri come rendere la tua UI di Compose adatta a utenti con requisiti di accessibilità diversi.
- Test:
scopri di più sul test del codice di Compose.
- Scheda di riferimento del test: un riferimento rapido di utili API di test di Compose.
Risorse aggiuntive
- Configurazione
- Percorso di apprendimento selezionato
- Linee guida dell'API Compose
- Riferimento API
- Codelab
- App di esempio
- Video
Consigliato per te
- Nota: il testo del link viene visualizzato quando JavaScript è disattivato
- Dati con ambito locale con ComposeLocal
- Altre considerazioni
- Struttura di un tema in Compose