Jetpack Compose offre un'implementazione di material design, un sistema di progettazione completo per la creazione di interfacce digitali. Puoi utilizzare funzioni componibili per implementare i componenti Material.

Azioni

I pulsanti richiedono la maggior parte delle azioni in un'interfaccia utente.
Scopri di più
I pulsanti di azione mobile (FAB) aiutano gli utenti a eseguire le azioni principali.
Scopri di più
I pulsanti con icone aiutano gli utenti a compiere azioni secondarie con un solo tocco.
Scopri di più
I pulsanti segmentati aiutano gli utenti a selezionare le opzioni, cambiare visualizzazione o ordinare gli elementi.
Scopri di più

Comunicazione

I badge mostrano notifiche, conteggi o informazioni sullo stato degli elementi e delle icone di navigazione.
Scopri di più
Gli indicatori di avanzamento esprimono un tempo di attesa non specificato o mostrano la durata di un processo.
Scopri di più
Gli snackbar mostrano brevi aggiornamenti sui processi delle app in fondo allo schermo.
Scopri di più
Le descrizioni comando mostrano brevi etichette o messaggi.
Scopri di più

Contenimento

I fogli inferiori mostrano contenuti secondari ancorati alla parte inferiore dello schermo.
Scopri di più
Le schede mostrano contenuti e azioni relativi a un singolo argomento.
Scopri di più
I caroselli mostrano una raccolta di elementi che possono essere visualizzati sullo schermo e spostati fuori dallo schermo.
Scopri di più
Le finestre di dialogo forniscono prompt importanti in un flusso utente.
Scopri di più
I divisori sono linee sottili che raggruppano i contenuti in elenchi o altri contenitori.
Scopri di più
Gli elenchi sono indici verticali continui di testo e immagini.
Scopri di più
Gli scaffold tengono insieme le diverse parti dell'interfaccia utente in interfacce utente complesse.
Scopri di più
Le barre delle app vengono posizionate nella parte superiore dello schermo per aiutare gli utenti a navigare.
Scopri di più
Le barre di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra su dispositivi più piccoli.
Scopri di più
I riquadri di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra sui dispositivi più grandi.
Scopri di più
Le barre di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra sui dispositivi di medie dimensioni.
Scopri di più
Le schede consentono di organizzare i contenuti in diverse schermate e visualizzazioni.
Scopri di più

Selezione

Le caselle di controllo consentono agli utenti di selezionare uno o più elementi da un elenco o di attivare o disattivare un elemento.
Scopri di più
I chip aiutano gli utenti a inserire informazioni, effettuare selezioni, filtrare contenuti o attivare azioni.
Scopri di più
I selettori della data consentono agli utenti di selezionare una data o un intervallo di date.
Scopri di più
I menu mostrano un elenco di opzioni su una superficie temporanea.
Scopri di più
I pulsanti di opzione consentono di selezionare un'opzione da un insieme di opzioni.
Scopri di più
I cursori consentono agli utenti di effettuare selezioni da un intervallo di valori.
Scopri di più
I pulsanti di attivazione/disattivazione consentono di attivare o disattivare la selezione di un elemento.
Scopri di più
I selettori di ora aiutano gli utenti a selezionare e impostare un'ora specifica.
Scopri di più

Input di testo

La ricerca consente agli utenti di inserire una parola chiave o una frase per ottenere informazioni pertinenti.
Scopri di più
I campi di testo consentono agli utenti di inserire testo in un'interfaccia utente.
Scopri di più
Scopri come utilizzare i layout di base di Scrivi.
Scopri di più
Scopri come gestire risorse come stringhe e immagini.
Scopri di più