Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
La barre de commandes fournit des commandes associées à une vue spécifique. Elle affiche jusqu'à cinq commandes dans sa version non développée et jusqu'à cinq commandes supplémentaires lorsqu'elle est développée.
Dans les applications multimédias, la barre de commandes est utilisée dans la vue de lecture pour les commandes Lecture/Pause, Précédent et Suivant, ainsi que d'autres commandes, y compris celles des actions tierces personnalisées.
La barre de commande est disponible en deux formats: non développée et développée. La version non développée peut inclure jusqu'à cinq commandes. Dans les applications multimédias, l'une de ces options est "Lecture/Pause".
Lorsqu'elle est développée, la barre de commandes peut inclure jusqu'à cinq commandes supplémentaires sur une deuxième ligne. Il suffit aux utilisateurs de sélectionner ce bouton pour développer ou réduire la barre de contrôle.
1. Partie de la barre de contrôle visible avant l'expansion
2. Section développée de la barre d'action
3. L'un des contrôles
4. Bouton à développer (développe et réduit la barre de contrôle)
Positionnement de 1 à 4 commandes sur la barre de commandes avec commande ancrée au centre
Une commande ancrée au centre est une commande positionnée de préférence au centre de la barre de commandes, par exemple un bouton de lecture/pause de la musique.
Positionnement de 1 à 4 commandes sur la barre de commandes (pas de commande ancrée)
Positionnement de 6 à 9 commandes sur la barre de commandes
Ajuster les mises en page
Ces mises en page de référence montrent comment adapter la barre de commande pour l'adapter aux écrans de différentes largeurs et hauteurs. (Les catégories de largeur et de hauteur sont définies dans la section Layout (Mise en page).) Notez que toutes les valeurs de pixels sont exprimées en pixels de rendu, avant tout échantillonnage sous-échantillonnage ou sur-échantillonnage.
Écrans très grand angle avec plus de 1 028 dp entre les marges
Lorsque la largeur entre les marges est supérieure à la largeur maximale de la barre de commandes (1 028 dp), centrez la barre de contrôle horizontalement. La barre de contrôle ne s'étendra pas complètement aux marges.
Écrans très grand angle avec moins de 1 028 dp entre les marges
Grands écrans
Écrans de largeur standard
Sur les écrans de largeur standard, centrez la barre de commandes horizontalement. La barre de commande s'étend jusqu'aux marges. Sur un écran de largeur standard de 690 dp exactement, comme dans cet exemple, utilisez une marge intérieure latérale de P5 entre les bords de la barre de contrôle et les bords de l'écran.
Écrans courts
Barre de contrôle développée sur les écrans de moins de 1 000 dp
Barre de commandes développée sur les écrans courts
Barre de contrôle développée sur les écrans de plus de 1 000 dp
96 (écrans courts) / 128 (hauteur standard et plus)
Icône principale
44
Exemples
Barre de commandes dans la vue de lecture
Barre de commandes développée dans la vue de lecture
Barre de commandes dans la file d'attente de contenus multimédias
Barre de commandes développée dans la file d'attente de contenus multimédias
Barre de commandes dans la file d'attente de contenus multimédias
Barre de commandes développée dans la file d'attente de contenus multimédias
La barre de contrôle se développe et se réduit lorsqu'un utilisateur appuie sur le bouton à développer
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/07/23 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/07/23 (UTC)."],[[["The control bar offers view-specific controls, displaying up to 5 initially and up to 5 more when expanded via an overflow button."],["It's commonly used in media apps for playback control (Play/Pause, Previous, Next) and custom actions."],["Control bar adapts to different screen sizes, with layouts optimized for extra-wide, wide, and standard screens."],["Visual styles include color palettes for day/night modes and specific sizing for the bar and icons."],["Examples demonstrate control bar usage in playback and media queue views, showcasing its expanding/contracting functionality."]]],[]]