Gdy już nauczysz się obsługiwać różnych kształtów zegarków, wybierz powierzchnię, której chcesz użyć.
Typowe układy aplikacji to:
- Jeden ekran (najprostszy): elementy interfejsu mogą ograniczać się do tego, co jest widoczne w danym momencie bez przewijania.
- Kontener pionowy (najczęstszy): treść znajduje się poza widoczną częścią ekranu i można ją przewijać.
- Inne opcje: listy, stronicowanie i przesuwanie 2D.
Te typy układów zostały opisane w kolejnych sekcjach. Jeśli potrzebujesz wielu ekranów, możesz użyć kombinacji typów układów.
Uwaga: w przypadku aktywności dziedzicz się z ComponentActivity
lub (jeśli używasz fragmentów) z FragmentActivity
.
Inne typy aktywności korzystają z elementów interfejsu typowych dla urządzeń mobilnych, które nie są potrzebne w Wear OS.
Pojedynczy ekran
Użytkownik widzi wszystkie elementy na jednym ekranie bez przewijania. Oznacza to, że możesz uwzględnić tylko niewielką liczbę elementów.
![](https://developer.android.google.cn/static/wear/images/screen_opts_4.png?hl=pl)
Rysunek 1. Przykład układu z jednym ekranem.
Pojedyncze ekrany dobrze sprawdzają się z elementami BoxInsetLayout
w połączeniu z ConstraintLayout
.
Kontener pionowy
Pionowy kontener to najpopularniejszy typ układu aplikacji. Niektóre treści nie są widoczne na ekranie, ale można je otworzyć, przewijając.
Rysunek 2 przedstawia kilka pełnych układów aplikacji, w których tylko część zawartości jest widoczna na okrągłym ekranie zegarka. W tych przykładach główna zawartość znajduje się w górnej części kontenera, a inne kluczowe ścieżki użytkownika i ustawienia – u dołu. Jest to sprawdzona metoda układania treści.
![](https://developer.android.google.cn/static/wear/images/screen_opts_2.png?hl=pl)
Rysunek 2. Przykłady pionowych układów kontenerów.
W odróżnieniu od układów aplikacji na 1 ekran nie używaj BoxInsetLayout
. Zamiast tego użyj właściwości ConstraintLayout
w obiekcie NestedScrollView
.
W obrębie ConstraintLayout
umieść te widżety, które najlepiej pasują do Twojej aplikacji. Pozwoli Ci to wykorzystać dodatkową przestrzeń po bokach okrągłego wyświetlacza.
![](https://developer.android.google.cn/static/wear/images/screen_opts_3.gif?hl=pl)
Rysunek 3. Treści w: ConstraintLayout
w NestedScrollView
.
Sprawdź, czy zawartość na górze i na dole pionowego kontenera jest wystarczająco mała, by zmieścić się na górze i na dole okrągłego wyświetlacza, tak jak w przykładzie 3.
Uwaga: jeśli to możliwe, dodaj wskaźnik przewijania do elementu NestedScrollView
, ustawiając android:scrollbars="vertical"
w pliku XML. Pomaga to użytkownikom rozpoznać, że dostępnych jest więcej treści, i poznawanie ich położenia w stosunku do wszystkich treści.
Inne opcje układów aplikacji
-
Listy: wyświetlaj duże zbiory danych za pomocą widżetu
WearableRecyclerView
zoptymalizowanego pod kątem urządzeń do noszenia. Więcej informacji znajdziesz w artykule o tworzeniu list na Wear OS. - Podział na strony w poziomie: w przypadkach użycia z wieloma ekranami równorzędnymi użyj przesunięcia w poziomie. Jeśli używasz stronicowania w poziomie, musisz obsługiwać przesuwanie, aby zamknąć, w przypadku lewej krawędzi.
- Przesuwanie 2D: w przypadkach użycia takich jak mapy użytkownicy mogą przeciągać, aby przesunąć w różnych kierunkach. Włącz opcję przesuń, aby zamknąć, jeśli aktywność zajmuje cały ekran.