Opsi layar

Tetap teratur dengan koleksi Simpan dan kategorikan konten berdasarkan preferensi Anda.

Setelah Anda memahami cara menangani berbagai bentuk smartwatch, tentukan jenis overlay yang ingin digunakan.

Daftar berikut menjelaskan jenis layar overlay. Anda dapat menggunakan kombinasi ini jika memerlukan beberapa layar.

  • Layar Tunggal (paling sederhana): Elemen UI terbatas pada apa yang terlihat pada satu waktu tanpa men-scroll.
  • Penampung Vertikal (paling umum): Konten ada di luar bagian layar yang terlihat (dapat diakses dengan men-scroll).
  • Opsi lain (daftar, paging, atau panning 2D).

Catatan: Untuk aktivitas, Anda harus mewarisi dari ComponentActivity atau FragmentActivity (jika Anda menggunakan fragmen). Jenis aktivitas lainnya menggunakan elemen UI khusus seluler yang tidak diperlukan untuk Wear OS.

Layar tunggal

Pengguna melihat semua elemen dalam satu layar tanpa men-scroll. Artinya, Anda hanya dapat menyertakan sejumlah kecil elemen.

Gambar 1. Beberapa contoh layar tunggal.

Layar tunggal berfungsi baik dengan BoxInsetLayout yang dikombinasikan dengan ConstraintLayout untuk mengatur elemen.

BoxInsetLayout adalah widget UI Wear OS yang memungkinkan Anda menentukan tata letak tunggal yang berfungsi untuk layar persegi, persegi panjang, dan lingkaran. Class ini menerapkan inset jendela yang diperlukan, bergantung pada bentuk layar, dan memungkinkan Anda menyelaraskan tampilan dengan mudah di bagian tengah layar. Namun, jika Anda tidak keberatan membuat tata letak terpisah untuk memanfaatkan setiap bentuk layar, gunakan layout-round dan layout-notround. Untuk mempelajari lebih lanjut, lihat Menggunakan tata letak yang berbeda untuk layar berbentuk persegi dan lingkaran.

Penampung vertikal

Penampung vertikal adalah jenis overlay yang paling umum dan berisi konten tambahan yang tidak terlihat di layar tetapi dapat diakses dengan men-scroll.

Gambar berikut menunjukkan beberapa contoh overlay lengkap, yang hanya menampilkan sebagian konten yang dapat dilihat pada layar lingkaran smartwatch. Konten utama berada di bagian atas penampung. Dalam contoh ini, setelan dan Perjalanan Penting Pengguna (CUJ) lainnya berada di bagian bawah.

Tidak seperti overlay layar tunggal, jangan gunakan BoxInsetLayout. Sebagai gantinya, tempatkan ConstraintLayout di dalam NestedScrollView. Tindakan ini memungkinkan Anda memanfaatkan ruang ekstra di sisi-sisi layar lingkaran.

Di dalam ConstraintLayout, tempatkan widget apa pun yang paling sesuai untuk aplikasi Anda.

Pastikan konten di bagian atas dan bawah penampung vertikal Anda cukup kecil agar muat di bagian atas dan bawah tampilan lingkaran, seperti pada contoh sebelumnya.

Catatan: Jika memungkinkan, tambahkan indikator scroll ke NestedScrollView dengan menetapkan android:scrollbars="vertical" dalam XML. Hal ini membantu pengguna mengidentifikasi bahwa ada lebih banyak konten yang tersedia dan membantu mereka melihat posisi mereka terkait dengan semua konten.

Opsi lain untuk layar overlay

  • Daftar: menampilkan kumpulan data dalam jumlah besar dengan widget WearableRecyclerView dioptimalkan untuk platform Wearable. Untuk informasi selengkapnya, lihat Membuat daftar di Wear OS.
  • Paging horizontal: Untuk kasus penggunaan dengan beberapa layar yang seinduk, gunakan geser horizontal. Jika menggunakan paging horizontal, Anda harus mendukung geser-untuk-menutup di bagian tepi kiri.
  • Penggeseran 2D: Untuk kasus penggunaan seperti peta, pengguna dapat menarik untuk menggeser ke berbagai arah. Aktifkan geser-untuk-menutup jika aktivitas Anda memenuhi seluruh layar.