Componenti di Material in Compose
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
Pulsanti
I pulsanti richiedono la maggior parte delle azioni in un'interfaccia utente.
Pulsante di azione mobile
I pulsanti di azione mobile (FAB) aiutano gli utenti a eseguire le azioni principali.
Pulsante icona
I pulsanti con icone aiutano gli utenti a compiere azioni secondarie con un solo tocco.
Pulsante segmentato
I pulsanti segmentati aiutano gli utenti a selezionare le opzioni, cambiare visualizzazione o ordinare gli elementi.
Comunicazione
Badge
I badge mostrano notifiche, conteggi o informazioni sullo stato degli elementi e delle icone di navigazione.
Indicatori di avanzamento
Gli indicatori di avanzamento esprimono un tempo di attesa non specificato o mostrano la durata di un processo.
Snackbar
Gli snackbar mostrano brevi aggiornamenti sui processi delle app in fondo allo schermo.
Descrizioni comandi
Le descrizioni comando mostrano brevi etichette o messaggi.
Contenimento
Fogli in basso
I fogli inferiori mostrano contenuti secondari ancorati alla parte inferiore dello schermo.
Carte
Le schede mostrano contenuti e azioni relativi a un singolo argomento.
Carosello
I caroselli mostrano una raccolta di elementi che possono essere visualizzati sullo schermo e spostati fuori dallo schermo.
Finestre
Le finestre di dialogo forniscono prompt importanti in un flusso utente.
Separatori
I divisori sono linee sottili che raggruppano i contenuti in elenchi o altri contenitori.
Navigazione
Barre delle app
Le barre delle app vengono posizionate nella parte superiore dello schermo per aiutare gli utenti a navigare.
Barra di navigazione
Le barre di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra su dispositivi più piccoli.
Riquadro di navigazione a scomparsa
I riquadri di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra sui dispositivi più grandi.
Barra di navigazione
Le barre di navigazione consentono agli utenti di passare da una visualizzazione dell'interfaccia utente all'altra sui dispositivi di medie dimensioni.
Schede
Le schede consentono di organizzare i contenuti in diverse schermate e visualizzazioni.
Selezione
Casella di controllo
Le caselle di controllo consentono agli utenti di selezionare uno o più elementi da un elenco o di attivare o disattivare un elemento.
Chip
I chip aiutano gli utenti a inserire informazioni, effettuare selezioni, filtrare contenuti o attivare azioni.
Selettore della data
I selettori della data consentono agli utenti di selezionare una data o un intervallo di date.
Menu
I menu mostrano un elenco di opzioni su una superficie temporanea.
Pulsante di opzione
I pulsanti di opzione consentono di selezionare un'opzione da un insieme di opzioni.
Dispositivi di scorrimento
I cursori consentono agli utenti di effettuare selezioni da un intervallo di valori.
Cambia
I pulsanti di attivazione/disattivazione consentono di attivare o disattivare la selezione di un elemento.
Selettori dell'ora
I selettori di ora aiutano gli utenti a selezionare e impostare un'ora specifica.
Input di testo
Cerca
La ricerca consente agli utenti di inserire una parola chiave o una frase per ottenere informazioni pertinenti.
Campi di testo
I campi di testo consentono agli utenti di inserire testo in un'interfaccia utente.
Elenchi e griglie
Scopri come utilizzare i layout di base di Scrivi.
Risorse
Scopri come gestire risorse come stringhe e immagini.