Mencegah pemotongan teks dan pemotongan konten

Smartwatch memiliki ukuran layar yang lebih kecil daripada perangkat genggam, sehingga penting untuk mengatur dan menampilkan elemen dengan cara yang membuatnya mudah diakses dan menggunakan ruang layar yang tersedia secara efisien. Agar item Anda sesuai dengan layar, gunakan jumlah padding dan margin yang tepat seperti yang ditentukan dalam Pedoman material.

Meskipun desain Anda sesuai dengan layar, elemen antarmuka dapat terpotong atau terpotong saat pengguna melakukan salah satu tindakan berikut:

  • Mengubah bahasa tampilan.
  • Mengubah ukuran teks.
  • Mengaktifkan setelan sistem Teks tebal.

Sangat penting untuk menguji desain Anda dengan mempertimbangkan pertimbangan ini untuk memastikan desain tersebut beradaptasi secara lancar dengan berbagai lingkungan pengguna.

Menjaga elemen interaktif tetap terlihat sepenuhnya

Jika antarmuka Anda menyertakan elemen interaktif, pastikan pengguna dapat men-scroll elemen ini sepenuhnya hingga terlihat, terutama jika elemen tersebut ditempatkan di tepi halaman. Jika aplikasi Anda menggunakan library Horologist, gunakan factory tata letak responsive(). Jika tidak, gunakan pengatur jarak dan tambahkan margin ke bagian atas dan bawah objek ScalingLazyColumn agar item daftar pertama dan terakhir tidak selalu terpotong.

Menggunakan chip, bukan kartu, untuk tata letak yang padat

Jika Anda memerlukan tata letak yang lebih padat, gunakan CompactChip, bukan kartu. Area permukaan kartu yang lebih besar semakin menyulitkan pemotongan teks dan pemotongan konten.