Composants Material dans Compose
Jetpack Compose propose la mise en œuvre de Material Design, un système de conception complet permettant de créer des interfaces numériques. Vous pouvez utiliser des fonctions modulables pour implémenter des composants Material.
Actions
Boutons
Les boutons déclenchent la plupart des actions dans une UI.
Bouton d'action flottant
Les boutons d'action flottants aident les utilisateurs à effectuer des actions principales.
Bouton en forme d'icône
Les boutons d'icône aident les utilisateurs à effectuer des actions mineures en un seul geste.
Bouton segmenté
Les boutons segmentés aident les utilisateurs à sélectionner des options, à changer de vue ou à trier des éléments.
Communication
Badges
Les badges affichent des notifications, des nombres ou des informations sur l'état des éléments et des icônes de navigation.
Indicateurs de progression
Les indicateurs de progression indiquent un temps d'attente non spécifié ou la durée d'un processus.
Barre de notification
Les snackbars affichent de brèves informations sur les processus des applications en bas de l'écran.
Info-bulles
Les info-bulles affichent de brefs libellés ou messages.
Confinement
Bottom sheets
Les feuilles inférieures affichent du contenu secondaire ancré en bas de l'écran.
Fiches
Les cartes contiennent des actions et des contenus correspondant à un sujet spécifique.
Carrousel
Les carrousels affichent une collection d'éléments qui peuvent être affichés ou masqués à l'écran.
Boîtes de dialogue
Les boîtes de dialogue fournissent des invites importantes dans un parcours utilisateur.
Séparateurs
Les séparateurs sont des lignes fines qui regroupent des contenus dans des listes ou d'autres conteneurs.
Navigation
Barres d'application
Les barres d'application sont placées en haut d'un écran pour aider les utilisateurs à naviguer.
Barre de navigation
Les barres de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils de petite taille.
Panneau de navigation
Les panneaux de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils plus grands.
Rail de navigation
Les rails de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils de taille moyenne.
Onglets
Les onglets organisent le contenu sur différents écrans et vues.
Sélection
Case à cocher
Les cases à cocher permettent aux utilisateurs de sélectionner un ou plusieurs éléments dans une liste, ou d'activer ou de désactiver un élément.
Chips
Les chips aident les utilisateurs à saisir des informations, à faire des sélections, à filtrer du contenu ou à déclencher des actions.
Sélecteur de date
Les sélecteurs de dates permettent aux utilisateurs de sélectionner une date ou une plage de dates.
Menus
Les menus affichent une liste d'options de manière temporaire.
Case d'option
Les cases d'option permettent aux utilisateurs de sélectionner une option parmi plusieurs.
Curseurs
Les curseurs permettent aux utilisateurs de faire des sélections à partir d'une plage de valeurs.
Changer
Les boutons bascule permettent d'activer ou de désactiver la sélection d'un élément.
Sélecteurs d'heure
Les sélecteurs d'heure aident les utilisateurs à sélectionner et à définir une heure spécifique.
Saisies de texte
Rechercher
La recherche permet aux utilisateurs de saisir un mot clé ou une expression pour obtenir des informations pertinentes.
Champs de texte
Les champs de texte permettent aux utilisateurs de saisir du texte dans une interface utilisateur.
Listes et grilles
Découvrez comment utiliser les mises en page de base dans Compose.
Ressources
Découvrez comment gérer les ressources telles que les chaînes et les images.