最小化されたコントロール バー

最小化されたコントロールバーは、最小限のコントロールとメタデータを表示するために使用されます。選択すると、追加のコントロールを備えたより大きなコントロールバーを含む全画面オーバーレイが開きます。

たとえば、メディア アプリのコントロール バーは最小化されており、音楽の再生時にアプリ全体で利用できる再生コントロールとメタデータの小さなセットが保持されます。また、全画面の再生ビューを開くこともできます。

吹き出しアイコン
コントロールバーコンポーネント
フル コントロール バーには、拡張されたコントロール セットを表示できます。

解剖学

1. コンテンツタイル
2. メタデータ
3. コントロール

仕様

吹き出しアイコン
リスト項目コンポーネント
仕様、スタイルガイドラインなど

最小化されたコントロールバー

テキストオーバーフローのある最小化されたコントロールバー

レイアウトのスケーリング

これらのリファレンスレイアウトは、最小化されたコントロールバーを様々な幅と高さの画面に適応させる方法を示しています。すべてのピクセル値は、ダウンサンプリングまたはアップサンプリングが行われる前のレンダリングされたピクセル値であることに注意してください。

標準幅のスクリーン

ワイドスクリーン

超ワイドスクリーンとスーパーワイドスクリーン

スタイル

タイポグラフィ

書体書体重さサイズ(dp)
本文1ロボト通常32
本文3ロボト通常24

要素カラー(デイモード)カラー(夜間モード)
プライマリタイプ白 @ 88%
二次タイプ白 @ 72%白 @ 60%
アイコン白 @ 88%
時間経過インジケーターサードパーティのアクセントサードパーティのアクセント
残り時間表示#464A4D #464A4D
最小化されたコントロールバーの背景#0E1013 @ 84% #0E1013 @ 88%
勾配切り捨てテキストスペースの10%に黒(0~100%)テキストスペースの10%に黒(0~100%)

サイズ

要素サイズ(dp)
アイコン44
コンテンツタイル96
進捗インジケーター84
進捗インジケータートラック4
最小化されたコントロールバーの高さ128
丸みを帯びた角の半径(R1) 4

標準幅よりも広い画面用のコントロール バーを最小化します。

標準幅の画面用に最小化されたコントロール バー。