Aracılığıyla paylaş


Metin ve resim seçme

Bu makalede metin, görüntü ve denetimlerin seçilmesi ve manipüle edilmesi açıklanır ve uygulamalarınızda bu mekanizmalar kullanılırken dikkate alınması gereken kullanıcı deneyimi yönergeleri sağlanır.

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

Yapılması ve yapılmaması gerekenler

  • Kendi kavrama kullanıcı arabiriminizi uygularken yazı tipi karakterlerini kullanın. Tutucu, sistem genelinde kullanılabilen iki Segoe UI yazı tipinin birleşimidir. Yazı tipi kaynaklarının kullanılması, farklı dpi'deki işleme sorunlarını basitleştirir ve çeşitli kullanıcı arabirimi ölçeklendirme platolarıyla iyi çalışır. Kendi kavramalarınızı uygularken aşağıdaki kullanıcı arabirimi özelliklerini paylaşmaları gerekir:

    • Dairesel şekil
    • Herhangi bir arka planda görünür
    • Tutarlı boyut
  • Seçilebilir içeriğin etrafında tutucu kullanıcı arabirimine uyum sağlamak için bir kenarlık sağlayın. Uygulamanız kaydırmayan/kaydırmayan bir bölgede metin seçimini etkinleştirirse, metin alanının sol ve sağ tarafında 1/2 kavrama kenar boşluğuna ve metin alanının üst ve alt kenarlarında 1/2 kavrama yüksekliğine izin verin (aşağıdaki görüntülerde gösterildiği gibi). Gripper kullanıcı arabiriminin tamamının kullanıcıya açık olmasını sağlar ve diğer kenar tabanlı kullanıcı arabirimleriyle istenmeyen etkileşimleri en aza indirir.

    metin seçimi kavrama kenar boşlukları

  • Etkileşim sırasında kavrama kullanıcı arabirimini gizleyin. Etkileşim sırasında kavramaların tıkanması ortadan kalkar. Parmak tarafından tamamen gizlenmeyen bir tutucu olduğunda veya birden fazla metin seçimi tutucusu bulunduğunda bu kullanışlıdır. Bu, alt pencereleri görüntülerken görsel yapıtları ortadan kaldırır.

  • Denetimler, etiketler, resimler, özel içerik vb. kullanıcı arabirimi öğelerinin seçilmesine izin verme. Genellikle, Windows uygulamaları yalnızca belirli denetimler içinde seçime izin verir. Düğmeler, etiketler ve logolar gibi denetimler seçilemez. Seçimin uygulamanız için sorun oluşturup oluşturmadığını değerlendirin ve varsa kullanıcı arabiriminde seçimin yasaklanması gereken alanları belirleyin.

Ek kullanım kılavuzu

Metin seçimi ve manipülasyonu özellikle dokunma etkileşimlerinin getirdiği kullanıcı deneyimi zorluklarına açıktır. Fare, kalem/ekran kalemi ve klavye girişi son derece hassastır: Fare tıklaması veya kalem/ekran kalemi teması genellikle tek bir pikselle eşlenir ve bir tuşa basılır veya basılmaz. Dokunmatik giriş ayrıntılı değildir; metin işaretini doğru yerleştirmek için parmak ucunun tüm yüzeyini ekranda belirli bir x-y konumuna eşlemek zordur.

Önemli noktalar ve öneriler

Seçim ve işleme davranışları da dahil olmak üzere tam platform kullanıcı etkileşimi deneyimi sağlayan uygulamalar oluşturmak için Windows'daki dil çerçeveleri aracılığıyla sunulan yerleşik denetimleri kullanın. Yerleşik denetimlerin etkileşim işlevselliğini Windows uygulamalarının çoğu için yeterli bulacaksınız.

Standart Windows metin denetimleri kullanılırken, bu konuda açıklanan seçim davranışları ve görseller özelleştirilemez.

Metin seçimi

Uygulamanız metin seçimini destekleyen özel bir kullanıcı arabirimi gerektiriyorsa, burada açıklanan Windows seçim davranışlarını izlemenizi öneririz.

Düzenlenebilir ve düzenlenemez içerik

Dokunmayla, seçim etkileşimleri öncelikli olarak ekleme imlecini ayarlamak veya bir sözcük seçmek için dokunma ve seçimi değiştirmek için bir slayt gibi hareketlerle gerçekleştirilir. Diğer Windows dokunma etkileşimlerinde olduğu gibi, zamanlanmış etkileşimler bilgilendirme kullanıcı arabirimini görüntülemek için basılı tutma hareketiyle sınırlıdır. Daha fazla bilgi için bkz. Görsel geri bildirim yönergeleri.

Windows, seçim etkileşimleri için düzenlenebilir ve düzenlenemez iki olası durumu tanır ve seçim kullanıcı arabirimini, geri bildirimi ve işlevselliği uygun şekilde ayarlar.

Düzenlenebilir içerik

Sözcüğün sol yarısına dokunulduğunda, imleç sözcüğün hemen soluna yerleşir, sağ yarısına dokunulduğunda ise imleç sözcüğün hemen sağına yerleşir.

Aşağıdaki görüntü, bir kelimenin başına ya da sonuna dokunarak kavrama ile ilk ekleme imlecini yerleştirme işlemini göstermektedir.

sözcüğün başına bir şapka işareti ve tutma çubuğu yerleştirmek için sözcüğün sol tarafına dokunun (veya basılı tutun). sözcüğün sonuna bir şapka işareti ve tutma çubuğu yerleştirmek için sözcüğün sağ tarafına dokunun (veya basılı tutun).

Aşağıdaki görüntüde, kavramayı sürükleyerek seçimin nasıl ayarlayabileceğiniz gösterilmektedir.

seçimi ayarlamak için tutamacı iki yönde sürükleyin (ilk kavrama sabitlenmiş olarak kalır ve ikinci bir kavrama görüntülenir). sonraki ayarlamaları yapmak için tutamaçlardan birini sürükleyin.

Aşağıdaki görüntülerde, seçime veya tutma çubuğuna dokunarak bağlam menüsünün nasıl çağrılacağı gösterilmektedir (basıp basılı tutma da kullanılabilir).

bağlam menüsünü çağırmak için seçimin içinde veya bir kavrama çubuğuna dokunun (veya basılı tutun).

Not Bu etkileşimler, yanlış yazılmış bir sözcük söz konusu olduğunda biraz farklılık gösterir. Yanlış yazılmış olarak işaretlenmiş bir sözcüğe dokunulduğunda hem sözcüğün tamamı vurgulanır hem de önerilen yazım bağlamı menüsü çağrılır.

 

Düzenlenemez içerik

Aşağıdaki görüntüde, sözcüğün içine dokunarak bir sözcüğün nasıl seçilebilir (ilk seçime boşluk eklenmez) gösterilmektedir.

seçmek için bir sözcüğün içine dokunun (ilk seçime boşluk eklenmez).

Seçimi ayarlamak ve bağlam menüsünü görüntülemek için düzenlenebilir metinle aynı yordamları izleyin.

Nesne işleme

Mümkün olduğunda, bir Windows uygulamasında özel nesne işleme uygularken metin seçimiyle aynı (veya benzer) kavrama kaynaklarını kullanın. Bu, platform genelinde tutarlı bir etkileşim deneyimi sağlamaya yardımcı olur.

Örneğin, tutma çubukları, aşağıdaki görüntülerde gösterildiği gibi yeniden boyutlandırmayı ve kırpmayı destekleyen görüntü işleme uygulamalarında veya ayarlanabilir ilerleme çubukları sağlayan medya oynatıcı uygulamalarında da kullanılabilir.

ilerleme tutacağına sahip medya oynatıcı

Ayarlanabilir ilerleme çubuğuna sahip medya oynatıcı.

kırpma tutamaçlı resim

Kırpma tutamaçları olan resim editörü.

Geliştiriciler için

Samples

Arşiv örnekleri