Ekosystem Wear OS składa się z urządzeń o różnych rozmiarach ekranów. Stosowanie zasad interfejsu adaptacyjnego ma kluczowe znaczenie dla zapewnienia wszystkim użytkownikom najwyższej jakości.
Czym jest interfejs adaptacyjny?
Adaptacyjne interfejsy są rozciągane i zmieniają się tak, aby jak najlepiej wykorzystać całą dostępną przestrzeń na ekranie, niezależnie od rozmiaru ekranu, na którym są renderowane.
Adaptacyjny interfejs użytkownika zmienia się elastycznie, korzystając z komponentów i metod wbudowanych w logikę układu. Układy te wykorzystują też punkty przerwania rozmiaru ekranu – dostosowując różne układy do różnych rozmiarów ekranu – aby zapewnić użytkownikom jeszcze lepsze wrażenia.
Kluczowe rozmiary ekranów
![](https://developer.android.com/static/wear/images/design/key-screen-sizes.png?authuser=9&hl=pl)
Dowiedz się więcej o rozmiarach plików referencyjnych, o których należy pamiętać podczas projektowania nowych rozwiązań
Typy układów
Projektując układy adaptacyjne na okrągłym ekranie, należy pamiętać, że przewijanie i widok bez przewijania ma unikalne wymagania dotyczące skalowania elementów interfejsu oraz zachowania zrównoważonego układu i kompozycji.
![](https://developer.android.com/static/wear/images/design/scrolling-view.gif?authuser=9&hl=pl)
Wszystkie marginesy górny, dolny i boczny powinny być określone procentowo, aby uniknąć przycięcia i zapewnić proporcjonalne skalowanie elementów.
![](https://developer.android.com/static/wear/images/design/non-scrolling-view.gif?authuser=9&hl=pl)
Wszystkie marginesy powinny być określone procentowo, a ograniczenia pionowe powinny być tak zdefiniowane, aby główna treść środkowa mogła się rozciągać, aby wypełnić dostępny obszar.
Zwiększ wartość dzięki adaptacyjnym układom i metodom projektowania
Projektując układy adaptacyjne na okrągłym ekranie, należy pamiętać, że przewijanie i widok bez przewijania ma unikalne wymagania dotyczące skalowania elementów interfejsu oraz zachowania zrównoważonego układu i kompozycji.
Poniższe obrazy są obszernymi sugestiami. Przykłady mają charakter wyłącznie ilustracyjny. Obejrzyj poszczególne komponenty lub stronę platformy, aby uzyskać szczegółowe, kontekstowe i elastyczne wskazówki.
![](https://developer.android.com/static/wear/images/design/content-at-a-glance.png?authuser=9&hl=pl)
Układy elastyczne pozwalają na użycie większej liczby elementów, kart, większej liczby wierszy tekstu i większej liczby przycisków, które mieszczą się na jednym ekranie.
![](https://developer.android.com/static/wear/images/design/content-elements-visible.png?authuser=9&hl=pl)
Użyj nowych układów stosowanych w punktach przerwania o określonym rozmiarze ekranu, aby w miarę możliwości wprowadzać nowe treści i zapewniać użytkownikom dodatkową wartość na urządzeniach o większych rozmiarach.
![](https://developer.android.com/static/wear/images/design/glanceability.png?authuser=9&hl=pl)
Użyj dodatkowego miejsca na ekranie, aby wyświetlić większe kontenery, większy tekst, grubsze pierścienie i bardziej szczegółowe wizualizacje danych, co zapewni użytkownikom lepszy rzut oka.
![](https://developer.android.com/static/wear/images/design/usability.png?authuser=9&hl=pl)
Zwiększ ilość miejsca na ekranie, aby zwiększyć elementy dotykowe, poprawić wizualną hierarchię i dodatkowy odstęp między elementami treści, co ułatwi korzystanie z interfejsów i wygodę korzystania z nich.
![](https://developer.android.com/static/wear/images/design/optimized-compositions.png?authuser=9&hl=pl)
Wykorzystaj nasze zaktualizowane komponenty i szablony, aby zapewnić lepszy wygląd i styl interfejsów użytkownika na ekranach wszystkich rozmiarów.
Jakość aplikacji
![](https://developer.android.com/static/wear/images/design/quality-guidelines.png?authuser=9&hl=pl)
Nasze wskazówki dotyczące jakości są podzielone na 3 poziomy. Zapewnij użytkownikom maksymalną wygodę dzięki przestrzeganiu wytycznych dotyczących wszystkich 3 poziomów.
Gotowe na wszystkie rozmiary ekranów |
Elastyczne i zoptymalizowane |
Adaptacyjne i zróżnicowane |
Wykorzystuj gotowe układy kanoniczne
![](https://developer.android.com/static/wear/images/design/canonical-layouts.png?authuser=9&hl=pl)
Używaj gotowych układów kanonicznych, by interfejs użytkownika płynnie dostosowywał się do różnych rozmiarów urządzeń.
Nasze układy kanoniczne zostały tak przemyślane, aby zapewniać wysoką jakość na wszystkich ekranach.