Układy aplikacji

Wypróbuj Compose
Jetpack Compose na Wear OS to zalecany zestaw narzędzi UI na Wear OS.
Obsługa różnych rozmiarów ekranu za pomocą Compose na Wear OS →

Gdy zrozumiesz, jak obsługiwać różne kształty zegarków, zdecyduj, której powierzchni chcesz użyć.

Typowe układy aplikacji to:

  • Pojedynczy ekran (najprostszy): elementy interfejsu są ograniczone do tego, co jest widoczne w danym momencie bez przewijania.
  • Kontener pionowy (najczęstszy): treść wykracza poza widoczną część ekranu i jest dostępna przez przewijanie.
  • Inne opcje: listy, stronicowanie lub przesuwanie 2D.

Te typy układów są opisane w dalszej części tego artykułu. Jeśli potrzebujesz kilku ekranów, możesz użyć kombinacji typów układów.

Uwaga: w przypadku aktywności dziedzicz po ComponentActivity lub, jeśli używasz fragmentów, po FragmentActivity. Inne typy aktywności używają elementów interfejsu specyficznych 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 pojedynczego ekranu.

Pojedyncze ekrany dobrze współpracują z BoxInsetLayout w połączeniu z ConstraintLayout do rozmieszczania elementów.

Kontener pionowy

Kontener pionowy to najczęstszy typ układu aplikacji. Niektóre treści nie są widoczne na ekranie, ale można je wyświetlić, przewijając.

Na rysunku 2 przedstawiono kilka kompletnych układów aplikacji, w których na okrągłym ekranie zegarka widać tylko część treści. W tych przykładach główne treści znajdują się w górnej części kontenera, a inne krytyczne ścieżki użytkownika i ustawienia znajdują się u dołu. Jest to sprawdzona metoda rozmieszczania treści.

Rysunek 2. Przykłady układów kontenerów pionowych.

W przeciwieństwie do układu aplikacji z jednym ekranem nie używaj BoxInsetLayout. Zamiast tego użyj a ConstraintLayout wewnątrz a NestedScrollView. W ConstraintLayout umieść widżety, które najlepiej pasują do Twojej aplikacji. Pozwoli Ci to wykorzystać dodatkowe miejsce po bokach okrągłego wyświetlacza.

Rysunek 3. Treść w ConstraintLayout wewnątrz NestedScrollView.

Upewnij się, że treść u góry i u dołu kontenera pionowego jest wystarczająco mała, aby zmieścić się w górnej i dolnej części okrągłego wyświetlacza, jak w przykładzie na rysunku 3.

Uwaga: jeśli to możliwe, dodaj wskaźnik przewijania do NestedScrollView, ustawiając android:scrollbars="vertical" w XML. Pomoże to użytkownikom zorientować się, że dostępnych jest więcej treści, i zobaczyć, gdzie znajdują się 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 powierzchni Wearable. Więcej informacji znajdziesz w artykule Tworzenie list na Wear OS.
  • Stronicowanie poziome: w przypadkach użycia z wieloma ekranami równorzędnymi użyj przesunięcia poziomego. Jeśli używasz stronicowania poziomego, musisz obsługiwać odrzucanie przez przesunięcie od lewej krawędzi.
  • Przesuwanie 2D: w przypadkach użycia, takich jak mapy, użytkownicy mogą przeciągać, aby przesuwać w różnych kierunkach. Jeśli aktywność zajmuje cały ekran, włącz odrzucanie przez przesunięcie.