メディア進行状況インジケーター

メディア進行状況インジケーター コンポーネントは、メディア アプリに固有です。

進行状況インジケーターは、メディアソースの再生時間と経過時間を視覚的に表すものです。進行状況インジケーターは、再生中にメディアアプリに表示されます。

解剖学

メディア進行状況インジケーターは、メディア ソースの継続時間を表す非アクティブ トラック (灰色で表示) と、非アクティブ トラックに重ねて再生経過時間を示すアクティブ トラック (アクセント カラーで表示) で構成されます。

メディア進行状況インジケーターは直線または円形になります。

リニアプログレスインジケーターは、再生時間と経過時間を横軸に表示します。トラックの表示部分は、76dpのタッチターゲットエリアの中央に配置されます。経過時間をタップまたはドラッグすることで、ユーザーはメディアソース内の別の場所に移動できます。リニアメディアプログレスインジケーターは、800dp以上の画面を想定しています。

円形の進行状況インジケーターは、再生時間と経過時間を円で表示します。経過時間をタップまたはドラッグしても、表示位置を移動することはできません。円形のメディア進行状況インジケーターは、高さが800dp未満の画面で、メディア再生コントロールが最小化されているときに使用することを目的としています。

メディア進行状況インジケーターの状態

再生中、進行状況インジケーターは次の 4 つの状態のいずれかになります。

• 再生中:メディアが再生されており、アクティブ トラックが非アクティブ トラックを横切って進み、経過時間を示します。
• 一時停止:ユーザーが再生を一時停止しました。アクティブトラックは再生が一時停止された時点で停止しています。
• バッファリング中:メディアアプリは再生するコンテンツを読み込んでいます。コンテンツの読み込み中は、インジケーターに白い線が表示され、非アクティブなトラックを繰り返し移動します。
• エラー:メディアを再生できません。アクティブなトラックがなく、非アクティブなトラックは無効になっています。

  

  

  

  

仕様

リニアメディア進捗インジケーター

円形メディア進捗インジケーター

カスタマイズ

メディア再生中、メディア進行状況インジケーターのアクティブトラックはアクセントカラーで表示されます。デフォルトのアクセントカラーは青です。アプリ開発者は、メディアブランドを反映したアプリのアクセントカラーを提供することもできます。同様に、OEMは自動車ブランドを反映したアクセントカラーを提供することもできます。OEMのアクセントカラーが提供された場合、アプリのアクセントカラーよりもOEMのアクセントカラーが優先されます。

Car UI ライブラリ統合ガイドでは、コンポーネントをカスタマイズするための OEM ガイダンスを提供します。

例