Układy aplikacji

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.

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.

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.

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.