Aracılığıyla paylaş

Dokunma hedefleri için yönergeler

Windows uygulamanızdaki tüm etkileşimli kullanıcı arabirimi öğeleri, cihaz türüne veya giriş yöntemine bakılmaksızın kullanıcıların doğru şekilde erişip kullanabilmesi için yeterince büyük olmalıdır.

Dokunmatik giriş desteği (ve dokunmatik temas alanının nispeten belirsiz doğası), kullanıcının hedeflenen (veya büyük olasılıkla) hedefini belirlemek için dokunmatik basamaklandırıcı tarafından bildirilen daha büyük, daha karmaşık giriş verileri kümesi kullanıldığından hedef boyut ve kontrol düzeni açısından daha fazla iyileştirme gerektirir.

Tüm UWP denetimleri, rahat, kullanımı kolay ve güven verici görsel olarak dengeli ve çekici uygulamalar oluşturmanıza olanak tanıyan varsayılan dokunmatik hedef boyutları ve düzenleriyle tasarlanmıştır.

Bu konu başlığında, uygulamanızı hem platform denetimlerini hem de özel denetimleri (uygulamanız gerektirmelidir) kullanarak maksimum kullanılabilirlik için tasarlayabileceğiniz bu varsayılan davranışları açıklıyoruz.

Önemli API'ler: Windows.UI.Core, Windows.UI.Input, Windows.UI.Xaml.Input

Akıcı Standart boyutlandırma

Fluent Standard boyutlandırma, bilgi yoğunluğu ile kullanıcı konforu arasında bir denge sağlamak için oluşturulmuştur. Etkili olarak, ekrandaki tüm öğeler 40x40 etkin piksel (epx) hedefine hizalanır ve kullanıcı arayüzü öğeleri, sistem düzeyindeki ölçeklendirmeye göre uygun şekilde ölçeklenen bir grid üzerine hizalanır.

Uyarı

Etkin pikseller ve ölçeklendirme hakkında daha fazla bilgi için bkz. Ekran boyutları ve kesme noktaları

Sistem düzeyinde ölçeklendirme hakkında daha fazla bilgi için bkz. Hizalama, kenar boşluğu, doldurma.

Fluent Compact boyutu

Uygulamalar Fluent Compact boyutlandırma ile daha yüksek düzeyde bilgi yoğunluğu görüntüleyebilir. Küçük boyutlandırma, kullanıcı arabirimi öğelerini 32x32 epx hedefine hizalar ve bu sayede kullanıcı arabirimi öğelerinin daha sıkı bir kılavuza hizalanması ve sistem düzeyinde ölçeklendirmeye göre uygun şekilde ölçeklendirilmesini sağlar.

Örnekler

Kompakt boyutlandırma, sayfa veya kılavuz düzeyinde uygulanabilir.

Sayfa düzeyi

<Page.Resources>
    <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
</Page.Resources>

Şebeke düzeyi

<Grid>
    <Grid.Resources>
        <ResourceDictionary Source="ms-appx:///Microsoft.UI.Xaml/DensityStyles/Compact.xaml" />
    </Grid.Resources>
</Grid>

Hedef boyut

Genel olarak, dokunmatik hedef boyutunuzu 7,5mm kare aralığına ayarlayın (135 PPI ekranda, 1,0x ölçekleme düzeyinde, 40x40 piksel). Genellikle UWP denetimleri 7,5mm dokunma hedefiyle hizalanır (bu, belirli denetime ve yaygın kullanım desenlerine göre farklılık gösterebilir). Daha fazla ayrıntı için bkz. Denetim boyutu ve yoğunluğu .

Bu hedef boyutu önerileri, senaryonuzun gerektirdiği şekilde ayarlanabilir. Düşünülmesi gereken şeyler var:

  • Dokunma Sıklığı - tekrar tekrar veya sık basılan hedefleri minimum boyuttan daha büyük yapmayı göz önünde bulundurun.
  • Hata Sonucu - Hataya dokunulduğunda ciddi sonuçları olan hedefler daha fazla dolguya sahip olmalı ve içerik alanının kenarından daha uzakta yer almalıdır. Bu özellikle sık dokunulan hedefler için geçerlidir.
  • İçerik alanında konum.
  • Form faktörü ve ekran boyutu.
  • Parmak duruşu.
  • Dokunmatik görselleştirmeler.

Samples

Arşiv örnekleri

  • Last updated on