Użytkownicy Androida korzystają z różnych typów multimediów, w tym audiobooków, muzyki, podcastów i radia. Ważne jest, by projektować aplikacje, które pozwolą użytkownikom wygodnie korzystać z treści multimedialnych na zegarku. Zegarek jest wyjątkową platformą, na której priorytetowo traktujemy łatwość i szybkość interakcji, ponieważ użytkownicy spędzają znacznie mniej czasu na korzystaniu z zegarka niż na telefonie czy tablecie.
Więcej informacji znajdziesz w narzędziu Media Toolkit na GitHubie.
Architektura aplikacji do multimediów
Twórz aplikacje do multimediów, które spełniają wymagania Wear OS. Aplikacje do multimediów często mają strony Przeglądaj i Jednostka.
![](https://developer.android.com/static/wear/images/media-apps/MP_2_Browse.png?authuser=7&hl=pl)
Przeglądaj
Umożliwia użytkownikom znajdowanie multimediów do odtworzenia. Nadaj priorytet pobranym elementom, aby pomóc użytkownikom szybko rozpocząć lub wznowić odtwarzanie.
![](https://developer.android.com/static/wear/images/media-apps/MP_3_Entity.png?authuser=7&hl=pl)
Jednostka
Udostępnia użytkownikom więcej informacji o konkretnym elemencie multimedialnym. Ważny kontekst i kluczowe działania powinny być łatwo dostępne, np. pobieranie, odtwarzanie czy odtwarzanie losowe.
Ogranicz hierarchię aplikacji i udostępnij multimedia użytkownikowi. Zaprojektuj aplikację z płaską architekturą informacyjną, która umożliwia użytkownikom szybki dostęp do list i wyświetlanie miniatur. Rozważ użycie niestandardowych komponentów projektu na Wear OS. Aby uzyskać więcej informacji, zapoznaj się z zaleceniami dotyczącymi projektowania układów i kart.
Ekrany sterowania multimediami
Aplikacje do multimediów powinny też zawierać ekrany sterowania multimediami. Twórz opcje sterowania multimediami za pomocą układu 5 przycisków. W ten sposób zadbasz o zrealizowanie minimalnej liczby elementów dotykowych. Oto przykłady elementów sterujących multimediami w aplikacji muzycznej i aplikacji do podcastów:
Dostosuj wyświetlane elementy sterujące multimediami do typu treści. Jeśli chcesz dodać więcej niż 5 działań, użyj ikony rozszerzonej z 3 kropkami, aby przekierować użytkowników na dodatkową stronę. Możesz zastosować do aplikacji niestandardowe ikony i czcionki.
![](https://developer.android.com/static/wear/images/media-apps/Image-MediaVolume.png?authuser=7&hl=pl)
Sterowanie głośnością
Sterowanie głośnością to jedna z najważniejszych funkcji wyboru multimediów dla użytkowników zegarka. Elementy sterujące multimediami powinny zawierać przycisk głośności, który umożliwia otwarcie ekranu sterowania głośnością.
Większość urządzeń z Wear OS ma obracający się przycisk boczny (RSB) lub ramkę. Niektóre urządzenia z Wear OS mają też dodatkowe przyciski sprzętowe do sterowania głośnością. Dostosuj głośność za pomocą RSB, ramki lub dodatkowego przycisku. Wskaźnik pokazuj tylko wtedy, gdy RSB lub ramka jest obrócona, jak pokazano w przykładzie.
Częste zastosowania
Podczas projektowania aplikacji do multimediów uwzględnij te ważne przypadki użycia:
- Odsłuchiwanie pobranych multimediów
- Odtwarzanie muzyki z zegarka
Słuchanie pobranych multimediów
Użytkownicy powinni mieć możliwość ręcznego pobierania elementów multimedialnych ze strony elementu.
Przekaż użytkownikowi informacje o miejscu pobierania treści, o postępie, czasie i rozmiarze pobieranego pliku, jak pokazano w tym przykładzie:
Gdy użytkownik przegląda multimedia, wyświetl ostatnio pobrane:
Jeśli treści zostały już pobrane, poinformuj o tym, wyświetlając działanie powodujące usunięcie ich z zegarka. W takim przypadku musisz też pokazać, ile miejsca na zegarku zajmuje pobieranie, tak jak na tym obrazie:
Jeśli urządzeniem źródłowym jest zegarek, poproś użytkowników o podłączenie zestawu słuchawkowego, zanim zaczną słuchać muzyki. Po podłączeniu zestawu słuchawkowego odtwórz multimedia i otwórz elementy sterujące.
Odtwarzanie muzyki z zegarka
Strumieniowe przesyłanie multimediów z zegarka ma znaczny wpływ na baterię urządzenia z Wear OS. Nadaj priorytet pobranym treściom, gdy użytkownicy decydują się słuchać ich na urządzeniu z Wear OS, wyświetlając na liście przeglądania ostatnio używane pobrane treści. Rozważ dodanie przycisku, który przeniesie je do pełnej listy pobranych plików, tak jak na tych obrazach:
Więcej informacji znajdziesz w narzędziu Media Toolkit na GitHubie.
Adaptacyjne układy
Aplikacje do multimediów na większym ekranie są dostosowane wyłącznie do obsługi odtwarzacza. Pozostałe elementy są widoczne na stronach Układy, Przyciski, Okna i Listy, które opisują prawidłowe działanie aplikacji na większych ekranach.
Konfiguracja przycisku
Zgodnie z zasadami dobierania rozmiaru docelowego elementu dotykowego zastosuj układ z 2 przyciskami na urządzeniach z Wear OS o rozmiarze mniejszym niż 225 dp, a na urządzeniach z większymi ekranami – wykorzystujący 3 przyciski. Poniższe obrazy przedstawiają dodatkowe przykłady, takie jak układ z 1 przyciskiem i układ z 2 przyciskami z logo:
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC1.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC2.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC3.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC4.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC5.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_11_BC6.png?authuser=7&hl=pl)
Przycisk sterowania elastyczną
Główny element sterujący (odtwarzanie/wstrzymywanie) na urządzeniach z Wear OS skaluje się od 60 do 80 dp. Środkowa sekcja jest więc wysoka o 80 dp. Zwiększy to w ten sposób wszystkie elementy sterujące, które się w niej znajdują. Jest to funkcja elastyczna, która jest dziedziczona z szablonu odtwarzacza Media Player.
![](https://developer.android.com/static/wear/images/media-apps/MP_12_Atom.png?authuser=7&hl=pl)
Skalowanie na ekranach o różnych rozmiarach:
< 225 dp: 60 dp x 60 dp
> 225 dp: 80 dp x 80 dp
Działanie logo
W nagłówku umieść uniwersalny margines 9, 38% z dodatkowym marginesem Tytuł utworu wynoszący 4,16%. Użyj gradientu 8 dp w przypadku przewijanych tytułów i dodatkowej przerwy 8 dp, jeśli widoczna jest ikona. Uwzględnij pod ikoną wszystkie przejścia z przewijaniem zaznaczenia, których pozycja pozostaje stała.
![](https://developer.android.com/static/wear/images/media-apps/MP_13_MB1.png?authuser=7&hl=pl)
Marginesy atomu nagłówka
9,38%
Wewnętrzny margines tytułu utworu
4,16%
Gradients
Odstęp 8 dp
Luka ikony
8 dp
![](https://developer.android.com/static/wear/images/media-apps/MP_13_MB2.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_13_MB3.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_13_MB4.png?authuser=7&hl=pl)
![](https://developer.android.com/static/wear/images/media-apps/MP_13_MB5.png?authuser=7&hl=pl)
Elementy dotykowe
Na urządzeniach z Wear OS z większymi ekranami ikony na środku i w stopce wykorzystują dodatkową ilość miejsca, aby zwiększyć rozmiar docelowych elementów dotykowych. Oznacza to, że oprócz stałego atomu kontrolnego „wypełnianie dostępnej przestrzeni” do kontenerów ikon są stosowane właściwości:
![](https://developer.android.com/static/wear/images/media-apps/Content Shot.png?authuser=7&hl=pl)
Małe ekrany z Wear OS
< 225 dp
![](https://developer.android.com/static/wear/images/media-apps/media-tap-target-3.png?authuser=7&hl=pl)
Większe ekrany z Wear OS
> 225 dp