Aracılığıyla paylaş


Mürekkep denetimleri

Windows uygulamalarında mürekkep oluşturmayı kolaylaştıran iki farklı denetim vardır: InkCanvas ve InkToolbar.

InkCanvas denetimi kalem girişini mürekkep vuruşu (renk ve kalınlık için varsayılan ayarları kullanarak) veya silme vuruşu olarak işler. Bu kontrol, varsayılan mürekkep darbesi özelliklerini değiştirmek için yerleşik bir kullanıcı arabirimi içermeyen şeffaf bir katmandır.

Uyarı

InkCanvas, hem fare hem de dokunmatik giriş için benzer işlevleri destekleyecek şekilde yapılandırılabilir.

InkCanvas denetimi varsayılan mürekkep vuruşu ayarlarını değiştirme desteği içermediğinden, bir InkToolbar denetimiyle eşleştirilebilir. InkToolbar, ilişkili bir InkCanvas içinde mürekkeple ilgili özellikleri etkinleştiren özelleştirilebilir ve genişletilebilir bir düğme koleksiyonu içerir.

InkToolbar varsayılan olarak çizim, silme, vurgulama ve cetveli gösterme düğmeleri içerir. Özelliğe bağlı olarak, mürekkep rengi, vuruş kalınlığı, tüm mürekkebİ silme gibi diğer ayarlar ve komutlar açılır öğede sağlanır.

Uyarı

InkToolbar kalem ve fare girişini destekler ve dokunmatik girişi tanıyacak şekilde yapılandırılabilir.

InkToolbar paleti açılır menü

Doğru kontrol bu mu?

Kullanıcıya mürekkep ayarları sağlamadan uygulamanızda temel mürekkep oluşturma özelliklerini etkinleştirmeniz gerektiğinde InkCanvas'ı kullanın.

Varsayılan olarak, kalem ucu kullanılırken vuruşlar mürekkep olarak (2 piksel kalınlığında siyah tükenmez kalem) ve silgi ucu kullanılırken silgi olarak işlenir. Silgi ucu yoksa, InkCanvas kalem ucundan gelen girişleri silme işlemi olarak kabul edecek şekilde yapılandırılabilir.

Mürekkep özelliklerini etkinleştirmeye ve kalem ucunun vuruş boyutu, rengi ve şekli gibi temel mürekkep özelliklerini ayarlamaya yönelik bir kullanıcı arabirimi sağlamak için InkCanvas'ı bir InkToolbar ile eşleştirin.

Uyarı

InkCanvas'ta mürekkep vuruşu işlemenin daha kapsamlı bir şekilde özelleştirilmesi için, temelindeki InkPresenter nesnesini kullanın.

Mürekkep araç çubuğuna genel bakış

Yerleşik düğmeler

InkToolbar aşağıdaki yerleşik düğmeleri içerir:

Kalemler

  • Tükenmez kalem - yuvarlak uçlu kalemiyle sağlam, opak bir çizgi çizer. Vuruş boyutu, algılanan kalem basıncına bağlıdır.
  • Kalem - yuvarlak kalem ucuyla yumuşak kenarlı, dokulu ve yarı saydam bir vuruş (katmanlı gölgelendirme efektleri için kullanışlıdır) çizer. Vuruş rengi (karanlık) algılanan kalem basıncına bağlıdır.
  • Vurgulayıcı: Dikdörtgen şeklindeki kalem ucuyla yarı saydam bir vuruş çizer.

Her kalem için açılır öğede hem renk paletini hem de boyut özniteliklerini (min, max, default) özelleştirebilirsiniz.

Araç

  • Silgi – temas ettiği her mürekkep vuruşunu siler. Yalnızca silgi vuruşunun altındaki kısmı değil, mürekkep vuruşunun tamamının silindiğini unutmayın.

aç/kapa

  • Cetvel – Cetveli göster ya da gizle. Cetvel kenarına yakın çizim yapmak, mürekkep vuruşunun otomatik olarak cetvele hizalanmasına neden olur.
    InkToolbar ile ilişkilendirilmiş Cetvel görseli

Varsayılan yapılandırma bu olsa da, uygulamanızın InkToolbar'ında hangi yerleşik düğmelerin yer aldığı üzerinde tam denetime sahipsiniz.

Özel düğmeler

InkToolbar iki ayrı düğme türünden oluşur:

  1. Yerleşik çizim, silme ve vurgulama düğmelerini içeren bir grup "araç" düğmesi. Özel kalemler ve araçlar buraya eklenir.

Uyarı

Özellik seçimi, birbirini dışlayan bir işlemdir.

  1. "Yerleşik cetvel düğmesini içeren bir grup 'aç/kapa' düğmesi." Özel düğmeler buraya eklenir.

Uyarı

Özellikler birbirini dışlamaz ve diğer etkin araçlarla aynı anda kullanılabilir.

Uygulamanıza ve gerekli mürekkep oluşturma işlevine bağlı olarak, Aşağıdaki düğmelerden herhangi birini (özel mürekkep özelliklerinize bağlı) InkToolbar'a ekleyebilirsiniz:

  • Özel kalem: Mürekkep renk paleti ve şekil, dönme açısı ve boyut gibi kalem ucu özelliklerinin ana uygulama tarafından tanımlandığı kalem.
  • Özel araç - barındırıcı uygulama tarafından tanımlanan kalem olmayan bir araç.
  • Özel geçiş – Uygulama tanımlı bir özelliğin durumunu açık veya kapalı olarak ayarlar. Özellik açıldığında etkin araçla birlikte çalışır.

Uyarı

Yerleşik düğmelerin görüntüleme sırasını değiştiremezsiniz. Varsayılan görüntüleme sırası: Tükenmez kalem, kalem, vurgulayıcı, silgi ve cetvel. Özel kalemler son varsayılan kaleme eklenir, son kalem düğmesi arasına özel araç düğmeleri eklenir ve cetvel düğmesinden sonra silgi düğmesi ve özel geçiş düğmeleri eklenir. (Özel düğmeler belirtildikleri sırayla eklenir.)

InkToolbar en üst düzey bir öğe olsa da, genellikle bir "Mürekkep Oluşturma" düğmesi veya komutuyla kullanıma sunulur. Segoe MLD2 Assets yazı tipindeki EE56 glifini üst düzey simge olarak kullanmanızı öneririz.

InkToolbar Etkileşimi

Tüm yerleşik kalem ve araç düğmeleri, mürekkep özelliklerinin ve kalem ucu şeklinin ve boyutunun ayarlanabildiği bir açılır menü içerir. Açılır menü varlığını göstermek için düğmede bir "uzantı simgesi" görüntülenir.

InkToolbar simgesi

Etkin bir aracın düğmesi yeniden seçildiğinde açılır menü gösterilir. Renk veya boyut değiştirildiğinde açılır pencere otomatik olarak kapatılır ve çizim yapmaya devam edilebilir. Özel kalemler ve araçlar varsayılan açılır menüyü kullanabilir veya özel bir açılır menü belirtebilir.

Silgide Tüm Mürekkepleri Sil komutunu sağlayan bir açılır menü de bulunur.

InkToolbar üzerinde silgi açılır öğesi çağrıldı

Özelleştirme ve genişletilebilirlik hakkında bilgi için bkz. SimpleInk sample.

Öneriler

  • InkCanvas ve mürekkep kullanımı genel olarak etkin bir kalemle en iyi şekilde deneyimlenir. Ancak, uygulamanız için gerekirse fare ve dokunma (pasif kalem dahil) girişiyle mürekkep oluşturma işlemini desteklemenizi öneririz.
  • Temel mürekkep oluşturma özelliklerini ve ayarlarını sağlamak için InkCanvas ile bir InkToolbar denetimi kullanın. Hem InkCanvas hem de InkToolbar program aracılığıyla özelleştirilebilir.
  • InkToolbar ve genel olarak mürekkep işlevlerini kullanmanın en iyi deneyimi, etkin bir kalemle yaşanır. Ancak, uygulamanız için gerekirse fare ve dokunma ile mürekkeple yazma özelliği desteklenebilir.
  • Mürekkep kullanmayı dokunmatik girişle destekliyorsanız, Segoe MLD2 Assets yazı tipindeki ED5F simgesini bir "Dokunarak yazma" araç ipucuyla geçiş düğmesi için kullanmanızı öneririz.
  • Vuruş seçimi sağlıyorsanız, araç düğmesi için Segoe MLD2 Assets yazı tipindeki EF20 simgesini bir "Seçim aracı" araç ipucuyla kullanmanızı öneririz.
  • Birden fazla InkCanva kullanıyorsanız, tuvaller arasında mürekkep oluşturmayı denetlemek için tek bir InkToolbar kullanmanızı öneririz.
  • Varsayılan ve özel araçlar için bir özel açılır pencere oluşturmak yerine en iyi performansı elde etmek amacıyla, varsayılan açılır pencere ayarlarını değiştirmenizi öneririz.

Örnekler

Microsoft Edge

Microsoft Edge Web Notes için InkCanvas ve InkToolbar kullanır.
InkCanvas, Microsoft Edge'de mürekkep çizimi yapmak için kullanılır

Windows Mürekkep Çalışma Alanı

InkCanvas ve InkToolbar, Snip & Sketch uygulaması ve Windows Ink Çalışma Alanı için de kullanılır.
Windows Ink Çalışma Alanında InkToolbar

InkCanvas ve InkToolbar oluşturma

Uygulamanıza InkCanvas eklemek için yalnızca bir işaretleme satırı gerekir:

<InkCanvas x:Name="myInkCanvas"/>

Uyarı

InkPresenter kullanarak ayrıntılı InkCanvas özelleştirmesi için "Windows uygulamalarında kalem etkileşimleri ve Windows Mürekkep" makalesine bakın.

InkToolbar denetimi bir InkCanvas ile birlikte kullanılmalıdır. Bir InkToolbar'ı (tüm yerleşik araçlarla) uygulamanıza eklemek için bir ek işaretleme satırı daha gerekir:

<InkToolbar TargetInkCanvas="{x:Bind myInkCanvas}"/>

Bu, aşağıdaki InkToolbar'ını görüntüler:

Temel InkToolbar

Örnek kodunu alma

  • SimpleInk örneği - InkCanvas ve InkToolbar denetimlerinin özelleştirme ve genişletilebilirlik özellikleriyle ilgili 8 senaryoyu gösterir. Her senaryo, yaygın mürekkep oluşturma durumları ve denetim uygulamaları hakkında temel yönergeler sağlar.
  • ComplexInk örneği - Daha gelişmiş mürekkep oluşturma senaryolarını gösterir.
  • UWP Için WinUI Galerisi örneği - Tüm XAML denetimlerini etkileşimli biçimde görün.