Jetpack Compose è il toolkit moderno per la creazione di UI Android, che semplifica lo sviluppo di app che si adattano a qualsiasi dimensione del display.
- Panoramica: consulta le risorse disponibili per gli sviluppatori di Compose.
- Tutorial: inizia a utilizzare Compose creando una UI di base.
- Guide rapide: prova le nostre guide rapide e mirate, progettate per aiutarti a raggiungere il tuo obiettivo il più rapidamente possibile.
Fondazione
- Pensare in Compose: in che modo l'approccio dichiarativo di Compose è diverso dall'approccio basato sulle visualizzazioni che potresti aver utilizzato in passato. Crea un modello mentale di come lavorare con Compose.
- Gestione dello stato: impostazione e utilizzo dello stato nell'app Compose.
- Ciclo di vita dei componenti componibili: ciclo di vita di un componente componibile e come Compose determina se deve essere ridisegnato.
- Modificatori: utilizza i modificatori per migliorare o decorare i tuoi composable.
- Effetti collaterali in Compose: modi per gestire gli effetti collaterali.
- Fasi di Jetpack Compose: i passaggi che Compose esegue per eseguire il rendering dell'interfaccia utente dell'app e come utilizzare queste informazioni per scrivere codice efficiente.
- Stratificazione dell'architettura: i livelli architetturali che compongono Jetpack Compose e i principi fondamentali che hanno ispirato la progettazione di Compose.
- Rendimento: evita gli errori di programmazione comuni che possono peggiorare il rendimento dell'app.
- Semantica in Compose: l'albero semantico, che organizza la tua UI in modo da poter essere utilizzato da servizi di accessibilità e framework di test.
- Dati con ambito locale con CompositionLocal: utilizza
CompositionLocalper trasferire i dati tramite la composizione.
UI adattiva
- Crea app adattive: scopri i principi fondamentali per creare layout ottimizzati per qualsiasi dimensione del display, inclusi smartphone, tablet, dispositivi pieghevoli e altro ancora.
- Applica layout collaudati: utilizza layout canonici come elenco-dettagli e riquadro di supporto per app ottimizzate su schermi di grandi dimensioni.
- Navigazione adattabile: implementa pattern di navigazione che si adattano automaticamente allo spazio di visualizzazione disponibile.
Ambiente di sviluppo
- Android Studio con Compose: come configurare l'ambiente di sviluppo per utilizzare Compose.
- Strumenti per Compose: nuove funzionalità di Android Studio per supportare Compose.
- Kotlin per Compose: le espressioni specifiche di Kotlin funzionano con Compose.
- Confronta Compose e visualizza le metriche: in che modo la migrazione a Compose può influire sulle dimensioni dell'APK e sul rendimento di runtime dell'app.
- Bill of Materials: gestisci tutte le dipendenze di Compose specificando solo la versione della BOM.
Design
- Layout: componi i componenti del layout e scopri come progettare il tuo.
- Nozioni di base sul layout: i componenti di base per un'interfaccia utente semplice dell'app.
- Componenti e layout Material: componenti e layout Material in Compose.
- Layout personalizzati: controlla il layout della tua app e progetta un layout personalizzato.
- Linee di allineamento: crea guide di allineamento personalizzate per allineare e posizionare con precisione gli elementi dell'interfaccia utente.
- Misurazioni intrinseche: come eseguire query per informazioni sugli elementi secondari prima di misurarli, perché Compose misura gli elementi dell'interfaccia utente solo una volta per passaggio.
- ConstraintLayout: utilizza
ConstraintLayoutnella tua UI Compose.
- Sistemi di progettazione: implementa un sistema di progettazione e dai alla tua app un
aspetto coerente.
- Material Design 3: implementa Material You con l'implementazione di Compose di Material Design 3.
- Migrazione da Material 2 a Material 3: esegui la migrazione della tua app da Material Design 2 a Material Design 3 in Compose.
- Material Design 2: personalizza l'implementazione di Compose di Material Design 2 in modo che si adatti al brand del tuo prodotto.
- Sistemi di progettazione personalizzati: implementa un sistema di progettazione personalizzato in Compose e adatta i composable Material Design esistenti al nuovo sistema di progettazione.
- Anatomia di un tema: costrutti e API di livello inferiore utilizzati da
MaterialThemee sistemi di progettazione personalizzati.
- Elenchi e griglie: opzioni di composizione per la gestione e la visualizzazione di elenchi e griglie di dati.
- Testo: opzioni principali in Crea per visualizzare e modificare il testo.
- Grafica: componi funzionalità per creare e utilizzare grafici personalizzati.
- Animazione: opzioni di composizione per animare gli elementi dell'interfaccia utente.
- Gestures: crea un'interfaccia utente di Compose che rileva e interagisce con i gesti dell'utente.
- Gestione delle interazioni utente: in che modo Compose astrae l'input di basso livello in interazioni di livello superiore, in modo da poter personalizzare il modo in cui i componenti rispondono alle azioni dell'utente.
Adottare Compose
- Esegui la migrazione delle app basate su visualizzazioni: esegui la migrazione dell'app basata su visualizzazioni a Compose.
- Strategia di migrazione: come introdurre Compose in modo sicuro e incrementale nel tuo codebase.
- API di interoperabilità: API Compose per aiutarti a combinare Compose con un'interfaccia utente basata su visualizzazioni.
- Altre considerazioni: temi, architettura, test e altre considerazioni durante la migrazione dell'app basata su View a Compose.
- Compose e altre librerie: come utilizzare le librerie basate sulle visualizzazioni nei contenuti di Compose.
- Architettura di Compose: implementa il pattern di flusso unidirezionale in
Compose, implementa eventi e detentori dello stato e utilizza
ViewModelin Compose. - Navigazione: utilizza
NavControllerper integrare il componente Navigazione con la tua UI Compose. - Risorse: lavora con le risorse della tua app nel codice Compose.
- Accessibilità: soddisfa le esigenze degli utenti con requisiti di accessibilità.
- Test: testa il codice Compose.
- Guida rapida per i test: un riferimento rapido alle API di test di Compose utili.
Risorse aggiuntive
- Configurazione
- Percorso di apprendimento curato
- Linee guida per l'API Compose
- Riferimento API
- Codelab
- App di esempio
- Video
Consigliati per te
- Nota: il testo del link viene visualizzato quando JavaScript è disattivato
- Dati con ambito locale con CompositionLocal
- Altre considerazioni
- Struttura di un tema in Compose