Puoi applicare stili a parti di testo per migliorarne la leggibilità, aumentare l'esperienza utente positiva e incoraggiare una maggiore creatività tramite l'uso di colori e caratteri.

• Kotlin

Puoi supportare più link in una singola stringa di testo per offrire agli utenti opzioni su dove andare e aumentare il coinvolgimento.

• Kotlin

Puoi convalidare l'input mentre l'utente digita in un campo di testo, ad esempio inserendo un nome, un'email, un indirizzo o altri dati di contatto. Questa convalida riduce gli errori e fa risparmiare tempo agli utenti.

• Kotlin

Per visualizzare le immagini nella tua app per i contenuti e per le risposte alle azioni degli utenti, caricale dal disco o da una fonte esterna su internet.

• Kotlin

Una scheda fornisce un contenitore Material Design per l'interfaccia utente.

Crea una barra delle app superiore per aiutare gli utenti a navigare e accedere alle funzioni della tua app utilizzando il composable TopAppBar.

Scopri come animare i valori di stato, utilizzare le transizioni, animare le modifiche di visibilità o dimensione e le transizioni con dissolvenza utilizzando le API di animazione di Compose.

Puoi creare un'esperienza utente più interattiva e coinvolgente nella tua app caricando un file drawable per visualizzare immagini animate. Le immagini animate sono utili per creare indicatori di caricamento, indicatori di successo o errore, facilitare lo sviluppo del gioco e varie altre funzioni dell'interfaccia utente.

• Kotlin

Puoi creare un'icona per nascondere o mostrare una password in base a un'opzione di attivazione/disattivazione dell'utente per migliorare la sicurezza e l'esperienza utente.

• Kotlin

Una barra delle app è un contenitore nella parte superiore o inferiore dello schermo che contiene funzionalità chiave e elementi di navigazione.

Scopri come utilizzare le API Compose progettate specificamente per disegnare il testo su una tela. Questo segmento mostra il codice per disegnare un carattere emoji in un rettangolo arrotondato.

Un indicatore di avanzamento mostra lo stato di un'operazione.

Limita l'orientamento dell'app sugli schermi piccoli, ma non su quelli grandi.

• Java
• Kotlin

Scopri come gestire le modifiche alla configurazione della tastiera rimovibile.

• Kotlin
• Java

Puoi disegnare ombre intorno all'area ritagliata dell'immagine in modo da visualizzare un'immagine a forma di clip.

• Kotlin

Crea un elenco con pagine in modo che gli utenti possano scorrere per accedere ai contenuti troppo grandi per essere visualizzati in una singola schermata. Gli elenchi con paginazione orizzontale possono aiutare gli utenti a navigare tra contenuti come immagini, presentazioni o caroselli di prodotti. Gli elenchi con paginazione verticale sono utili per le app con molti contenuti in cui gli utenti potrebbero dover scorrere un numero elevato di elementi, ad esempio articoli.

Un componente chip rappresenta visivamente entità complesse, spesso con un'icona e un'etichetta.

Puoi utilizzare un pulsante di attivazione/disattivazione per consentire agli utenti di scegliere uno dei due stati.

Scegli il componente giusto per la tua UI e scopri come implementarlo nella tua app.

Crea i tuoi primi test Jetpack Compose. Scopri come utilizzare gli elementi di test di Compose per scrivere test dell'interfaccia utente, utilizzare regole di test, finder e asserzioni.

Un pulsante attiva un'azione specifica.

Un pulsante di azione sovrapposto consente all'utente di eseguire un'azione principale nell'app.

• Kotlin

Gestisci lo stato di un WebView durante le modifiche alla configurazione.

• Java
• Kotlin

Rifiuta i tocchi accidentali del palmo con lo stilo.

• Kotlin
• Java

Consenti alla tua app di supportare un'esperienza utente ottimizzata su tablet, dispositivi pieghevoli e ChromeOS.

Le finestre di dialogo mostrano messaggi popup o richiedono l'input dell'utente su un livello sopra i contenuti principali dell'app.

Scopri come creare design complessi per i layout di Compose, concentrandoti sulla fase di layout e sui vincoli, sui layout di composizione secondaria e sulle misurazioni intrinseche.

Un riquadro di navigazione a scomparsa è un menu di navigazione scorrevole.

Uno scafo tiene insieme diverse parti dell'interfaccia utente, come le barre delle app e i pulsanti di azione fluttuanti, conferendo alle app un aspetto coerente.

Un riquadro in basso mostra i contenuti secondari nella parte inferiore dello schermo.

Puoi gestire set di dati di grandi dimensioni e contenuti dinamici con le griglie lazy, migliorando il rendimento dell'app. Con i composabili della griglia lazy, puoi visualizzare gli elementi in un contenitore scorrevole, su più colonne o righe.

• Kotlin

Gli elenchi scorrevoli possono aiutarti a gestire i set di dati, creare design adattabili e facilitare la navigazione. Per visualizzare un insieme finito di elementi nella tua app, puoi creare un elenco scorrevole utilizzando i modificatori "verticalScroll" o "horizontalScroll".

• Kotlin

Crea una barra delle app in basso per aiutare gli utenti a navigare e accedere alle funzioni della tua app.

• Kotlin

Un dispositivo di scorrimento dell'intervallo consente agli utenti di effettuare selezioni da un intervallo di valori.

Puoi fondere o sovrapporre le immagini di origine per visualizzare immagini a livelli su una tela. Ad esempio, puoi replicare il modo in cui il framework Android genera le icone delle app combinando elementi drawable di primo piano e di sfondo separati.

• Kotlin

Compose offre un modo più semplice e più efficiente per creare elenchi scorrevoli, utilizzando meno righe di codice rispetto a RecyclerView. Scopri come utilizzare i layout lazy per creare elenchi che consentono di aggiungere contenuti su richiesta.

Nella parte inferiore dello schermo viene visualizzata una breve notifica in uno snackbar.

Puoi visualizzare elementi nidificati con scorrimento all'interno di un elenco per presentare layout complessi, come cataloghi di prodotti, gallerie di contenuti multimediali, feed di notizie e altro ancora. Presentare i contenuti in questo modo può migliorare l'usabilità della tua app, semplificando la navigazione degli utenti.

• Kotlin

Puoi filtrare un elenco di stringhe in base all'input di testo per aggiornare dinamicamente un elenco in base alle query di ricerca degli utenti.

• Kotlin

Puoi formattare automaticamente un numero di telefono in un campo di testo per risparmiare tempo e aumentare il coinvolgimento, la produttività e l'efficienza degli utenti.

• Kotlin

Utilizzando gli indicatori di pagina, puoi aiutare gli utenti a comprendere la loro posizione attuale all'interno dei contenuti della tua app, fornendo un'indicazione visiva dell'avanzamento.

• Kotlin

Scopri come gli insert comunicano alla tua app dove sono posizionate le decorazioni di sistema e come le API Compose aiutano i tuoi contenuti a spostarsi automaticamente con le barre di sistema, la tastiera software e la barra delle app. Non aver paura di andare a tutto schermo.

Scopri come lo stato fluisce nell'app basata su Compose e come il framework può aggiornare automaticamente l'interfaccia utente per visualizzare i nuovi valori. Scopri come creare stati osservabili, come mantenere lo stato durante le ricostruzioni o le modifiche di configurazione e come strutturare i composabili per un flusso di dati ottimale.

Un'analisi del debug di un problema di prestazioni in Jetsnack e su come risolverlo in Jetpack Compose. Scopri perché posticipare le letture dello stato utilizzando una funzione lambda significa che la composizione può essere saltata.

Lo scorrimento parallasse è una tecnica in cui i contenuti in primo piano e di sfondo scorrono a velocità diverse. Puoi implementare questa tecnica per migliorare l'interfaccia utente della tua app, creando un'esperienza più dinamica mentre gli utenti scorrono.

• Kotlin

Una volta che avrai preso dimestichezza con Compose, ti consigliamo di iniziare a disegnare i tuoi componenti personalizzati. Questo video spiega come iniziare a utilizzare i disegni personalizzati.

Queste cinque animazioni semplici e veloci possono aiutarti a dare vita alla tua app in pochi minuti. Fai risaltare la tua app Compose anche se non hai tempo di imparare tutto ciò che c'è da sapere sulle animazioni.

Utilizza la libreria Paging per supportare elenchi di elementi di grandi dimensioni, incluso un elenco infinito, nella tua app caricando e visualizzando i dati in modo incrementale. Con il caricamento lento, puoi ridurre i tempi di caricamento iniziali e ottimizzare l'utilizzo della memoria, migliorando le prestazioni.

• Kotlin

Puoi mostrare un pulsante che consenta a un utente di scorrere fino a un punto specifico di un elenco, risparmiando tempo e aumentando il coinvolgimento.

• Kotlin

Esplora i componenti lazy di Compose che semplificano la visualizzazione di elenchi di elementi. Scopri come mostrare diversi tipi di elementi e persino come implementare le intestazioni fisse. Scopri come controllare o reagire in modo programmatico alle modifiche della posizione di scorrimento.

Aggiungi funzionalità di accessibilità alla tua app. Scopri come aumentare la copertura e la versatilità della tua app con un piccolo impegno.

Rendi interattiva la tua app consentendo agli utenti di inserire testo e altri input.

Questa serie di video introduce varie API Compose, mostrando rapidamente cosa è disponibile e come utilizzarle.

Puoi utilizzare un elenco con più tipi di elementi per visualizzare tipi di contenuti misti, come testo, immagini ed elementi interattivi.

• Kotlin

Mantieni lo stato di RecyclerView durante le modifiche alla configurazione.

• Kotlin
• Java

Mostra e organizza in modo efficiente raccolte di elementi con elenchi e griglie.

Utilizza queste guide rapide per creare uno scheletro della schermata Home, che può aiutarti a dare alla schermata Home della tua app un aspetto coerente.

Lavora con le immagini sullo schermo utilizzando un vettore, una bitmap o disegnando direttamente con una tela sullo schermo.

Puoi animare, carattere per carattere, l'aspetto del testo, in modo che assomigli a un effetto di digitazione in streaming.

• Kotlin

Migliora l'usabilità e l'aspetto estetico della tua app personalizzando il modo in cui viene visualizzato il testo.