Wskaźnik postępu mediów

Komponent wskaźnika postępu multimediów jest unikalny dla aplikacji do multimediów.

Wskaźnik postępu jest wizualnym reprezentacją czasu trwania i czasu odtwarzania w przypadku danego źródła multimediów. Pojawia się w aplikacjach do multimediów podczas odtwarzania.


Anatomia

Wskaźnik postępu multimediów składa się z nieaktywnej ścieżki (wyświetlanej na szaro), która wskazuje czas trwania źródła multimediów, i aktywnej ścieżki (z kolorem uzupełniającym), która nakłada się na nieaktywną ścieżkę w celu wskazania czasu odtwarzania.

Anatomia wskaźnika postępu multimediów
1. Aktywna ścieżka
2. Ścieżka nieaktywna

Wskaźnik postępu multimediów może być liniowy lub okrągły.

Liniowy wskaźnik postępu multimediów

Liniowy wskaźnik postępu wyświetla na osi poziomej czas trwania i czas, który upłynął. Widoczna część ścieżki jest wyśrodkowana w obszarze docelowym dotykowym 76 dp. Dotknięcie lub przeciągnięcie pozwala użytkownikowi przejść do różnych miejsc w źródle multimediów. Liniowy wskaźnik postępu multimediów jest przeznaczony na ekrany o rozmiarze co najmniej 800 dp.

Okrągły wskaźnik postępu

Okrągły wskaźnik postępu przedstawia czas trwania i czas, który upłynął w formie okręgu. W przypadku przechodzenia w inne miejsca nie można klikać ani przeciągać czasu trwania, który upłynął. Okrągły wskaźnik postępu multimediów jest przeznaczony na ekrany o wysokości mniejszej niż 800 dp. Można go używać, gdy elementy sterujące odtwarzaniem multimediów są zminimalizowane.

Stany wskaźnika postępu multimediów

Podczas odtwarzania wskaźnik postępu wyświetla się w jednym z 4 stanów:

  • Odtwarzanie: multimedia są odtwarzane, a aktywna ścieżka przesuwa się po nieaktywnej ścieżce, wskazując czas, który upłynął.
  • Wstrzymane: użytkownik wstrzymał odtwarzanie. Aktywna ścieżka dźwiękowa jest nieruchoma w momencie wstrzymania odtwarzania.
  • Buforowanie: aplikacja do multimediów wczytuje treści do odtwarzania. Wskaźnik zawiera białą linię, która cyklicznie przesuwa się po nieaktywnej ścieżce podczas wczytywania treści.
  • Błąd: nie można odtworzyć multimediów. Brak aktywnej ścieżki, a ścieżka nieaktywna jest wyłączona.
Aktywna ścieżka przesuwa się po nieaktywnej ścieżce w miarę odtwarzania multimediów.
Stan odtwarzania: ścieżka aktywna przesuwa się po nieaktywnej ścieżce w miarę odtwarzania multimediów.
Aktywna ścieżka dźwiękowa jest nieruchoma, gdy odtwarzanie multimediów jest wstrzymane
Stan wstrzymania: aktywna ścieżka dźwiękowa jest nieruchoma, gdy odtwarzanie multimediów jest wstrzymane.
Podczas wczytywania treści na nieaktywnej ścieżce wielokrotnie przesuwa się biała linia.
Stan buforowania: podczas wczytywania treści biała linia wielokrotnie przesuwa się wzdłuż nieaktywnej ścieżki.
Nieaktywna ścieżka dźwiękowa jest wyłączana, gdy wystąpi błąd odtwarzania Medai. Stan błędu: gdy wystąpi błąd multimediów, ścieżka nie jest wyświetlana, a ścieżka nieaktywna jest wyłączona.

Specyfikacja

Liniowy wskaźnik postępu multimediów

Liniowy wskaźnik postępu multimediów

Okrągły wskaźnik postępu multimediów

Okrągły wskaźnik postępu multimediów

Personalizacja

Podczas odtwarzania multimediów aktywna ścieżka wskaźnika postępu multimediów jest wyświetlana z kolorem uzupełniającym. Domyślnym kolorem uzupełniającym jest odcień niebieski. Deweloperzy aplikacji mogą zamiast tego dodać kolor uzupełniający aplikacji, który będzie odzwierciedlał ich markę multimedialną. Podobnie producent OEM może dodać kolor uzupełniający, który odzwierciedla markę samochodu. Jeśli podasz kolor uzupełniający OEM, będzie on miał pierwszeństwo przed kolorem uzupełniającym aplikacji.

Liniowy pasek postępu multimediów przedstawiający aktywną ścieżkę z kolorami uzupełniającymi domyślnymi, zewnętrznymi i OEM
Domyślny styl wskaźnika postępu to odcień niebieski. Deweloperzy aplikacji mogą zastąpić domyślny styl aplikacji kolorem uzupełniającym swojej marki (w tym przykładzie zielony). Również OEM może zastąpić zarówno styl domyślny, jak i styl aplikacji kolorem uzupełniającym własnej marki (w tym przykładzie jest to pomarańczowy).
Okrągły pasek postępu multimediów z aktywną ścieżką z kolorami uzupełniającymi domyślnymi, zewnętrznymi i OEM
Przykłady stylu kolorystycznego domyślnego, aplikacji i OEM, które zostały zastosowane do okrągłego wskaźnika postępu

Car UI Library Integration Guide (Przewodnik po integracji biblioteki interfejsu samochodu) zawiera wskazówki OEM dotyczące dostosowywania komponentów.

Szczegółowe wskazówki dotyczące dostosowywania komponentów za pomocą koloru znajdziesz w sekcji Kolor.


Przykłady

Liniowy wskaźnik postępu multimediów w działaniu
Liniowy wskaźnik postępu odtwarzania w widoku odtwarzania w aplikacji do multimediów
Okrągły wskaźnik postępu multimediów w działaniu
W tym miejscu na zminimalizowanym elemencie sterowania odtwarzaniem pojawia się okrągły wskaźnik postępu odtwarzania. Zminimalizowany element sterujący nakłada się na ekran playlisty.