Dostosuj elementy sterujące odtwarzaniem

Gdy zdecydujesz, jak uporządkować treści w aplikacji, aby ułatwić nawigację i przeglądanie, zastanów się, czy chcesz mieć kolejkę lub niestandardowe elementy sterujące odtwarzaniem treści.

Producenci samochodów i Google dbają o wdrożenie i stylizację widoku odtwarzania, zminimalizowanego paska sterowania i kolejki. Zawierają też podstawowy zestaw elementów sterujących odtwarzaniem, w tym:

  • Odtwarzanie/wstrzymywanie
  • Dalej (jeśli jest obsługiwane przez aplikację)
  • Poprzednia (jeśli jest obsługiwana przez aplikację)
  • Overflow

Jeśli jednak chcesz dostosować kolejkę lub udostępnić dodatkowe działania związane z odtwarzaniem, musisz zdecydować:

  • Określa, czy wyświetlać miniatury elementów w kolejce.
  • czy wyświetlać ikonę lub czas, który upłynął od rozpoczęcia odtwarzania bieżącego elementu w kolejce.
  • Określa, czy w kolejce mają być uwzględniane odtworzone wcześniej elementy.
  • jakie działania niestandardowe mają być dostępne na pasku sterowania oraz czy mają zastąpić elementy sterujące DalejWstecz producenta samochodu;
  • Jak będą wyglądać ikony przedstawiające odpowiednie stany każdego działania (np. dostępne i wyłączone).

Przykłady widoku odtwarzania

Obecnie odtwarzany utwór
Widok odtwarzania wyświetla aktualnie odtwarzany utwór.


Rozszerzone menu po prawej stronie
Użytkownik otworzył menu rozwijane po prawej stronie ekranu, które oferuje więcej funkcji.

Elementy sterujące odtwarzaniem w aplikacji multimedialnej
Przykładowy widok elementów sterujących odtwarzaniem w aplikacji multimedialnej.

Wymagania dotyczące sterowania odtwarzaniem

Projektując elementy sterujące odtwarzaniem, nadaj priorytet tym kwestiom:

  • Spójny interfejs aplikacji: deweloperzy aplikacji powinni zadbać o to, aby niestandardowe elementy sterujące odtwarzaniem multimediów w samochodach były spójne z wrażeniami użytkowników w innych aplikacjach i na innych urządzeniach.
  • Czytelność: tekst może wydawać się mniejszy, gdy jest połączony z ikonami, dlatego tekst w ikonach powinien być maksymalnie duży w dostępnej przestrzeni.

Te wymagania i rekomendacje pomogą Ci utworzyć skuteczne elementy sterujące.

Poziom wymagania Wymagania
MUST
  • W przypadku dodawanych działań niestandardowych podaj monochromatyczne ikony wektorowe i zmieniaj je dynamicznie, aby wskazywać stan.
  • POWINNO
  • Jeśli w ikonie używasz tekstu lub liczb, wykorzystaj maksymalną przestrzeń w polu obramowania, aby tekst był jak największy i jak najbardziej czytelny.
  • MAJ
  • Podaj maksymalnie 6  customactions (lub maksymalnie 8, jeśli nie używasz NextPrevious).
  • Kolejka

    Powinieneś też zapewnić użytkownikowi szybki i łatwy sposób przeglądania kolejki nadchodzących multimediów. Kolejka nadchodzących multimediów może zawierać wykonawców i miniatury, jak pokazano na poniższych przykładach.

    Kolejka w trybie portretowym
    Kolejka w trybie portretowym


    Kolejka w trybie poziomym
    Kolejka w trybie poziomym

    Wymagania dotyczące kolejki

    Aby zminimalizować rozpraszanie uwagi podczas jazdy, zadbaj o to, aby użytkownicy mogli szybko sprawdzić, co jest aktualnie odtwarzane.

    Poziom wymagania Wymagania
    POWINNO
  • Wskaż aktualnie odtwarzany element kolejki.
  • Uwzględnij w kolejce odtwarzane wcześniej elementy.
    Więcej informacji o wskaźnikach postępu i kolejce znajdziesz w artykule Włączanie sterowania odtwarzaniem.
  • MAJ
  • Przesyłanie miniatur elementów kolejki