Jetpack Compose è il toolkit moderno per la creazione di UI Android che semplifica lo sviluppo di app che si adattano a qualsiasi dimensione di visualizzazione.
- 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 per lavorare con Compose.
- Gestire lo stato: impostare e utilizzare lo stato nell'app Compose.
- Ciclo di vita dei componibili: ciclo di vita di un componibile e in che modo Compose determina se è necessario ridisegnarlo.
- Modificatori: utilizza i modificatori per aumentare o decorare i componibili.
- Effetti collaterali in Compose: modi per gestire gli effetti collaterali.
- Fasi di Jetpack Compose: i passaggi che Compose esegue per eseguire il rendering della UI dell' app e come utilizzare queste informazioni per scrivere codice efficiente.
- Livelli architetturali: i livelli architetturali che compongono Jetpack Compose e i principi fondamentali che hanno ispirato la progettazione di Compose.
- Prestazioni: evita le insidie di programmazione comuni che possono compromettere le prestazioni dell'app.
- Semantica in Compose: l'albero semantico, che organizza la UI in modo che possa essere utilizzato dai servizi di accessibilità e dai framework di test.
- Dati con ambito locale con CompositionLocal: utilizza
CompositionLocalper passare i dati attraverso la composizione.
UI adattiva
- Creare app adattive: scopri i principi fondamentali per la creazione di layout ottimizzati per qualsiasi dimensione di visualizzazione, inclusi smartphone, tablet, pieghevoli e altro ancora.
- Applicare layout collaudati: utilizza layout canonici come l'elenco-dettagli e il riquadro di supporto per le app ottimizzate su schermi di grandi dimensioni.
- Navigazione adattiva: 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: le nuove funzionalità di Android Studio per supportare Compose.
- Kotlin per Compose: gli idiomi specifici di Kotlin funzionano con Compose.
- Confrontare Compose e visualizzare le metriche: in che modo la migrazione a Compose può influire sulle dimensioni dell'APK e sul rendimento di runtime dell'app.
- Distinta materiali: gestisci tutte le dipendenze di Compose specificando solo la versione della distinta materiali.
Design
- Layout: componenti di layout di Compose e come progettare i tuoi.
- Nozioni di base sui layout: i blocchi predefiniti per una UI dell'app semplice.
- Componenti e layout Material: componenti e layout Material in Compose.
- Layout personalizzati: controlla il layout dell'app e progetta un layout personalizzato.
- Linee di allineamento: crea guide di allineamento personalizzate per allineare e posizionare con precisione gli elementi della UI.
- Misurazioni intrinseche: come eseguire query per informazioni sugli elementi secondari prima di misurarli, perché Compose misura gli elementi della UI solo una volta per passaggio.
- ConstraintLayout: utilizza
ConstraintLayoutnella UI di 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 Material Design 3 di Compose .
- Eseguire la migrazione da Material 2 a Material 3: esegui la migrazione dell'app da Material Design 2 a Material Design 3 in Compose.
- Material Design 2: personalizza l'implementazione di Material Design 2 di Compose in base al brand del tuo prodotto.
- Sistemi di progettazione personalizzati: implementa un sistema di progettazione personalizzato in Compose e adatta i componibili Material Design esistenti al nuovo sistema di progettazione.
- Struttura di un tema: costrutti e API di livello inferiore utilizzati da
MaterialThemee dai sistemi di progettazione personalizzati.
- Elenchi e griglie: opzioni di Compose per la gestione e la visualizzazione di elenchi e griglie di dati.
- Testo: opzioni principali in Compose per la visualizzazione e la modifica del testo.
- Grafica: funzionalità di Compose per la creazione e l'utilizzo di grafica personalizzata.
- Animazione: opzioni di Compose per animare gli elementi della UI.
- Gesti: crea una UI di Compose che rileva i gesti dell'utente e interagisce con essi.
- Gestire le interazioni utente: in che modo Compose astrae l'input di basso livello in interazioni di livello superiore in modo da poter personalizzare la risposta dei componenti alle azioni dell'utente.
Adottare Compose
- Eseguire 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 nella codebase.
- API di interoperabilità: API di Compose per aiutarti a combinare Compose con una UI basata su visualizzazioni.
- Altre considerazioni: temi, architettura, test e altre considerazioni durante la migrazione dell'app basata su visualizzazioni a Compose.
- Compose e altre librerie: come utilizzare le librerie basate su visualizzazioni nei contenuti di Compose.
- Architettura di Compose: implementa il pattern di flusso unidirezionale in
Compose, implementa eventi e titolari di stato e utilizza
ViewModelin Compose. - Navigazione: utilizza
NavControllerper integrare il componente di navigazione con la UI di Compose. - Risorse: utilizza le risorse dell'app nel codice di Compose.
- Accessibilità: soddisfa i requisiti di accessibilità degli utenti.
- Test: testa il codice di Compose.
- Foglio riassuntivo dei test: un riferimento rapido alle API di test di Compose utili.
Risorse aggiuntive
- Inizia la configurazione
- Percorso di apprendimento curato
- Linee guida per le API di 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