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

Les boutons déclenchent la plupart des actions dans une UI.
En savoir plus
Les boutons d'action flottants aident les utilisateurs à effectuer des actions principales.
En savoir plus
Les boutons d'icône aident les utilisateurs à effectuer des actions mineures en un seul geste.
En savoir plus
Les boutons segmentés aident les utilisateurs à sélectionner des options, à changer de vue ou à trier des éléments.
En savoir plus

Communication

Les badges affichent des notifications, des nombres ou des informations sur l'état des éléments et des icônes de navigation.
En savoir plus
Les indicateurs de progression indiquent un temps d'attente non spécifié ou la durée d'un processus.
En savoir plus
Les snackbars affichent de brèves informations sur les processus des applications en bas de l'écran.
En savoir plus
Les info-bulles affichent de brefs libellés ou messages.
En savoir plus

Confinement

Les feuilles inférieures affichent du contenu secondaire ancré en bas de l'écran.
En savoir plus
Les cartes contiennent des actions et des contenus correspondant à un sujet spécifique.
En savoir plus
Les carrousels affichent une collection d'éléments qui peuvent être affichés ou masqués à l'écran.
En savoir plus
Les boîtes de dialogue fournissent des invites importantes dans un parcours utilisateur.
En savoir plus
Les séparateurs sont des lignes fines qui regroupent des contenus dans des listes ou d'autres conteneurs.
En savoir plus
Les listes sont des index verticaux continus de texte et d'images.
En savoir plus
Les échafaudages maintiennent ensemble différentes parties de l'UI dans les interfaces utilisateur complexes.
En savoir plus
Les barres d'application sont placées en haut d'un écran pour aider les utilisateurs à naviguer.
En savoir plus
Les barres de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils de petite taille.
En savoir plus
Les panneaux de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils plus grands.
En savoir plus
Les rails de navigation permettent aux utilisateurs de basculer entre les vues de l'UI sur les appareils de taille moyenne.
En savoir plus
Les onglets organisent le contenu sur différents écrans et vues.
En savoir plus

Sélection

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.
En savoir plus
Les chips aident les utilisateurs à saisir des informations, à faire des sélections, à filtrer du contenu ou à déclencher des actions.
En savoir plus
Les sélecteurs de dates permettent aux utilisateurs de sélectionner une date ou une plage de dates.
En savoir plus
Les menus affichent une liste d'options de manière temporaire.
En savoir plus
Les cases d'option permettent aux utilisateurs de sélectionner une option parmi plusieurs.
En savoir plus
Les curseurs permettent aux utilisateurs de faire des sélections à partir d'une plage de valeurs.
En savoir plus
Les boutons bascule permettent d'activer ou de désactiver la sélection d'un élément.
En savoir plus
Les sélecteurs d'heure aident les utilisateurs à sélectionner et à définir une heure spécifique.
En savoir plus

Saisies de texte

La recherche permet aux utilisateurs de saisir un mot clé ou une expression pour obtenir des informations pertinentes.
En savoir plus
Les champs de texte permettent aux utilisateurs de saisir du texte dans une interface utilisateur.
En savoir plus
Découvrez comment utiliser les mises en page de base dans Compose.
En savoir plus
Découvrez comment gérer les ressources telles que les chaînes et les images.
En savoir plus