メディア進行状況インジケーター コンポーネントは、メディアアプリに固有のコンポーネントです。
進行状況インジケーターは、メディアソースの再生時間と経過時間を視覚的に表したものです。再生中にメディアアプリに表示されます。
構造
メディアの進行状況インジケーターは、メディアソースの再生時間を表す非アクティブなトラック（グレーで表示）と、非アクティブなトラックに重ねて表示される再生時間を示すアクティブなトラック（アクセント カラー付き）で構成されます。
2. 無効なトラック
メディアの進行状況インジケーターは、線形または円形のいずれかで表示されます。
線形進行状況インジケーターでは、横軸に時間と経過時間が表示されます。トラックの表示部分が、76 dp のタップ ターゲット領域の中央に配置される。経過時間をタップまたはドラッグすることで、メディアソース内の別の場所に移動できます。リニア メディア進行状況インジケーターは、800 dp 以上の画面を対象としています。
円形の進行状況インジケーターには、継続時間と経過時間が円で表示されます。別の場所に移動するのに、経過時間をタップまたはドラッグすることはできません。円形のメディア進行状況インジケーターは、高さが 800 dp 未満の画面でメディア再生コントロールを最小化した場合に使用します。
メディアの進行状況インジケーターの状態
再生中、進行状況インジケーターは 4 つの状態のいずれかになります。
- 再生中: メディアを再生中。アクティブなトラックが非アクティブなトラックを進み、経過時間が表示されます。
- 一時停止: ユーザーが再生を一時停止しました。アクティブなトラックは、再生が一時停止した時点で静止している。
- Buffering（バッファリング）: メディアアプリが再生するコンテンツを読み込んでいます。インジケーターには、コンテンツの読み込み中に非アクティブなトラックに沿って繰り返し進む白い線が表示されます。
- エラー: メディアを再生できません。有効なトラックがなく、無効なトラックが無効になっている。
仕様
リニアメディアの進行状況インジケーター
メディアの円形の進行状況インジケーター
カスタマイズ
メディアの再生中は、メディア進行状況インジケーターのアクティブなトラックがアクセント カラーで表示されます。デフォルトのアクセント カラーは青の色調です。アプリ デベロッパーは、メディア ブランドを反映したアクセント カラーをアプリに提供することもできます。同様に、OEM は自動車ブランドを反映したアクセント カラーを指定できます。OEM のアクセント カラーを指定すると、アプリのアクセント カラーよりも優先されます。
Car UI ライブラリ統合ガイドには、コンポーネントのカスタマイズに関する OEM のガイダンスが記載されています。
色を使用してコンポーネントをカスタマイズする具体的なガイダンスについては、色をご覧ください。
例
