Panduan untuk target sentuhan

Semua elemen antarmuka pengguna interaktif dalam aplikasi Windows Anda harus cukup besar agar pengguna dapat mengakses dan menggunakannya dengan akurat, terlepas dari jenis perangkat atau metode input.

Mendukung input sentuhan (dan sifat area kontak sentuh yang relatif tidak tepat) memerlukan pengoptimalan lebih lanjut terkait ukuran target dan tata letak kontrol, karena data input yang lebih besar dan lebih kompleks dari digitizer sentuh digunakan untuk menentukan target yang dimaksudkan (atau paling mungkin) oleh pengguna.

Semua kontrol WinUI telah dirancang dengan ukuran dan tata letak target sentuh default yang memungkinkan Anda membangun aplikasi yang seimbang dan menarik secara visual yang nyaman, mudah digunakan, dan menginspirasi kepercayaan diri.

Dalam topik ini, kami menjelaskan perilaku default ini sehingga Anda dapat merancang aplikasi untuk kegunaan maksimum menggunakan kontrol platform dan kontrol kustom (jika aplikasi Anda memerlukannya).

API Penting: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Ukuran target

Secara umum, atur ukuran target sentuh Anda ke rentang persegi 7,5mm (40x40 piksel pada layar 135 PPI dengan tingkat penskalaan 1.0x). Biasanya, kontrol WinUI selaras dengan target sentuh 7,5mm (ini dapat bervariasi berdasarkan kontrol tertentu dan pola penggunaan umum). Lihat Ukuran dan kepadatan kontrol untuk detail selengkapnya.

Rekomendasi ukuran target ini dapat disesuaikan sesuai kebutuhan skenario tertentu Anda. Beberapa hal yang perlu dipertimbangkan:

  • Frekuensi Sentuhan - pertimbangkan untuk membuat target yang berulang kali atau sering ditekan lebih besar dari ukuran minimum.
  • Konsekuensi Kesalahan - target yang memiliki konsekuensi parah jika disentuh dalam kesalahan harus memiliki padding yang lebih besar dan ditempatkan lebih jauh dari tepi area konten. Ini terutama berlaku untuk target yang sering disentuh.
  • Posisi di area konten.
  • Faktor bentuk dan ukuran layar.
  • Postur jari.
  • Visualisasikan sentuhan.

Samples

Contoh arsip

  • Last updated on