再生コントロールをカスタマイズする

ナビゲーションとブラウジング用にアプリのコンテンツをどのように整理するかを決めたら、コンテンツの再生にキューやカスタム コントロールが必要かどうかを検討します。

自動車メーカーと Google は、再生ビュー、最小化されたコントロール バー、キューの実装とスタイリングを行います。また、次のような基本的な再生コントロールのセットも提供します。

  • 再生/一時停止
  • 次へ(アプリでサポートされている場合)
  • 前へ(アプリでサポートされている場合)
  • オーバーフロー

ただし、キューをカスタマイズしたり、追加の再生アクションを提供したりする場合は、次のことを決定する必要があります。

  • キューアイテムのサムネイルを表示するかどうか
  • キュー内の現在再生中のアイテムのアイコンまたは経過時間を表示するかどうか
  • 以前に再生したアイテムをキューに含めるかどうか
  • コントロール バーに表示するカスタム アクションと、自動車メーカーの [次へ] コントロールと [前へ] コントロールを置き換えるかどうか
  • 各アクションの関連する状態(利用可能、無効など)を表すアイコンの見た目

再生ビューの例

現在再生中の曲
再生ビューには、現在再生中の曲が表示されます。


右側のオーバーフロー メニュー
画面の右側にあるオーバーフロー メニューを開き、その他の機能を利用している。

メディアアプリの再生コントロール
メディアアプリの再生コントロールのサンプルビュー。

再生コントロールの要件

再生コントロールを設計する際は、次の点を優先してください。

  • 一貫性のあるアプリ UI: アプリ デベロッパーは、自動車内のカスタム メディア再生コントロールを、他のアプリやデバイスでのユーザー エクスペリエンスと一貫性のあるものにする必要があります。
  • 読みやすさ: アイコンと組み合わせるとテキストが小さく見えることがあるため、アイコン内のテキストは利用可能なスペース内で最大化する必要があります。

これらの要件と推奨事項は、効果的な制御を作成するのに役立ちます。

要件レベル 要件
必須
  • 追加するカスタム アクションごとに モノクロのベクター アイコンを提供し、状態を示すために動的に変更する
  • すべきである
  • アイコン内にテキストまたは数字を使用する場合、境界ボックス内の スペースを最大化し、テキストを可能な限り大きく、判読しやすくする
  • 任意
  • 最大 6 つの customactions を指定します(NextPrevious を使用しない場合は最大 8 つ)。
  • キュー

    また、ユーザーが今後のメディアのキューを簡単に閲覧できるようにする必要があります。次の例に示すように、今後のメディアのキューにはアーティストとサムネイルを含めることができます。

    縦向きのキュー
    ポートレート モードのキュー


    横向きのキュー
    横向きモードでキューに登録する

    キューの要件

    運転中に気を散らさないよう、ユーザーが現在再生中のコンテンツを一目で確認できるようにします。

    要件レベル 要件
    すべきである
  • 現在再生中のキューアイテムのインジケーターを提供する
  • 再生済みのアイテムをキューに含める
    進行状況インジケーターとキューの詳細については、再生コントロールを有効にするをご覧ください。
  • 任意
  • キューアイテムのサムネイルを提供する