Thèmes de couleur
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Le système crée un thème pour les commandes multimédias de votre application en recherchant une couleur de base dans la pochette de l'entité multimédia actuelle. L'algorithme du thème dynamique Material 3 Expressive génère une palette secondaire, tertiaire et neutre. Ce thème se reflète sur le reste des écrans de l'application.
Exemples de thèmes de couleurs
Les sections suivantes présentent des exemples de thèmes de couleur.
Exemple 1
Palette de couleurs (à partir de la couleur de départ de l'œuvre)
Commandes multimédias
Écran de l'application Overflow
Exemple 2
Palette de couleurs (à partir de la couleur de départ de l'œuvre)
Commandes multimédias
Écran de l'application Overflow
Exemple 3
Palette de couleurs (à partir de la couleur de départ de l'œuvre)
Commandes multimédias
Écran de l'application Overflow
Thème de remplacement
Pour se préparer à un cas où aucune illustration ni couleur de départ n'est disponible, le système utilise un thème de remplacement basé sur le cadran actuel de l'utilisateur.
Vous pouvez également choisir d'utiliser une palette monochrome et une couleur de base dans votre application multimédia. Dans ce cas, la pochette de l'entité multimédia n'apparaît pas sur l'écran des commandes multimédias.
Palette de couleurs (à partir de la couleur du cadran/de l'interface utilisateur du système)
Commandes multimédias
Écran de l'application Overflow
Palette de couleurs (palette de couleurs monochromes)
Commandes multimédias
Écran de l'application Overflow
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (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 2025/07/27 (UTC)."],[],[],null,["# Color themes\n\nThe system creates a theme for your app's media controls by sourcing a seed\ncolor from the current media entity's artwork. The Material 3 Expressive dynamic\ntheme algorithm generates a secondary, tertiary and neutral palette. This theme\nreflects across the rest of the app screens.\n\nExamples of color themes\n------------------------\n\nThe following sections show examples of color themes.\n\n### Example 1\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 2\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Example 3\n\n\u003cbr /\u003e\n\nColor palette (from artwork seed color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\nFallback theme\n--------------\n\nTo prepare for an instance where there is no artwork, or seed color available,\nthe system uses a fallback theme based on the user's current watch face.\n\nYou can also choose to use a monochrome palette and seed color in your media\napp. In this case, the media entity's artwork doesn't appear on the media\ncontrols screen.\n\n### System media controls (fallback)\n\n\u003cbr /\u003e\n\nColor palette (from Watchface/SysUI color)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e\n\n### Media app controls (fallback) - mono\n\n\u003cbr /\u003e\n\nColor palette (monochrome color palette)\n\n\u003cbr /\u003e\n\nMedia controls\n\n\u003cbr /\u003e\n\nOverflow app screen\n\n\u003cbr /\u003e"]]