カラー テーマ
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
システムは、現在のメディア エンティティのアートワークからシードカラーを取得して、アプリのメディア コントロールのテーマを作成します。マテリアル 3 Expressive の動的テーマ アルゴリズムは、セカンダリ、ターシャリ、ニュートラルのパレットを生成します。このテーマは、アプリの他の画面にも反映されます。
カラーテーマの例
以降のセクションでは、カラーテーマの例を紹介します。
例 1
カラーパレット(アートワークのシードカラーから)
メディア コントロール
オーバーフロー アプリ画面
例 2
カラーパレット(アートワークのシードカラーから)
メディア コントロール
オーバーフロー アプリ画面
例 3
カラーパレット(アートワークのシードカラーから)
メディア コントロール
オーバーフロー アプリ画面
フォールバック テーマ
アートワークやシードカラーがない場合に備えて、システムはユーザーの現在のウォッチフェイスに基づくフォールバック テーマを使用します。
メディアアプリでモノクロ パレットとシードカラーを使用することもできます。この場合、メディア エンティティのアートワークはメディア コントロール画面に表示されません。
カラーパレット(ウォッチフェイス/SysUI の色から)
メディア コントロール
オーバーフロー アプリ画面
カラーパレット(モノクロ カラーパレット)
メディア コントロール
オーバーフロー アプリ画面
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-07-27 UTC。
[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["必要な情報がない","missingTheInformationINeed","thumb-down"],["複雑すぎる / 手順が多すぎる","tooComplicatedTooManySteps","thumb-down"],["最新ではない","outOfDate","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["サンプル / コードに問題がある","samplesCodeIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 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"]]