Aracılığıyla paylaş


XAML Tasarımcısı’nda nesneleri düzen kapsayıcılarına yerleştirme

Bu makalede XAML Tasarımcısı için düzen panelleri ve denetimleri açıklanmaktadır.

Resim, düğme ve video gibi nesneler gibi nesnelerin sayfada nerede görünmesini istediğinizi düşünün. Satır ve sütunlarda, dikey veya yatay olarak tek bir satırda veya sabit konumlarda görünmelerini isteyebilirsiniz.

Sayfanın nasıl görüneceğini düşünme fırsatınız olduktan sonra bir düzen paneli seçin. Nesnelerinizi eklediğiniz bir öğeye ihtiyacınız olduğundan tüm sayfalar bir sayfayla başlar. Varsayılan olarak bu bir Kılavuz'dır, ancak bunu değiştirebilirsiniz.

Düzen panelleri sayfadaki nesneleri düzenlemenize yardımcı olur, ancak daha fazlasını yapar. Farklı ekran boyutları ve çözünürlükleri tasarlamanıza yardımcı olur. Kullanıcılar uygulamanızı çalıştırdığında, düzen panelindeki her şey cihazlarının ekran varlığıyla eşleşecek şekilde yeniden boyutlandırılır. Elbette, düzeninizin bunu gerçekleştirmesini istemiyorsanız, düzenin bir bölümü veya düzenin tamamı için bu davranışı geçersiz kılabilirsiniz. Bunu denetlemek için yükseklik ve genişlik özelliklerini kullanabilirsiniz.

Düzen bölmeleri

Bu düzen panellerinden birini seçerek sayfanızı başlatın. Sayfanızda birden fazla olabilir. Örneğin, kılavuz düzeni paneliyle başlayıp kılavuzdaki bir alana StackPanel ekleyerek denetimleri bu öğede dikey olarak düzenleyebilirsiniz.

Aşağıdaki düzen panelleri en popüler kullanılanlardır, ancak diğerleri de vardır. Bunların tümünü Visual Studio'daki Araç Kutusu'nda veya Visual Studio için Blend Varlıklar panelinde bulabilirsiniz.

Kılavuz

Nesneleri satırlara ve sütunlara yerleştirin.

Kılavuz düzeni paneli

UniformGrid

Nesneleri eşit veya tekdüzen kılavuz bölgelerine yerleştirin. Bu panel, görüntülerin listesini düzenlemek için mükemmeldir.

(Yalnızca WPF projeleri için kullanılabilir.)

UniformGrid düzen paneli

Tuval

Nesneleri istediğiniz şekilde düzenleyin. Kullanıcılar uygulamanızı çalıştırdığında, bu öğelerin ekranda sabit konumları olur.

Tuval düzeni paneli

StackPanel

Nesneleri tek bir satırda yatay veya dikey olarak düzenleyin.

StackPanel düzen paneli

WrapPanel

Nesneleri soldan sağa sıralı olarak düzenleyin. Panel en sağ kenarda yer kalmadığında, içeriği bir sonraki satıra kaydırarak soldan sağa, yukarıdan aşağıya doğru kaydırılır. Ayrıca, nesnelerin yukarıdan aşağıya, soldan sağa akması için kaydırma panelinin yönlendirmesini dikey yapabilirsiniz.

(Yalnızca WPF projeleri için kullanılabilir.)

WrapPanel düzen paneli

DockPanel

Nesneleri panelin bir kenarına kalacak veya yerleştirecek şekilde düzenleyin.

(Yalnızca WPF projeleri için kullanılabilir.)

DockPanel düzen paneli

Kısa bir video izleyin: Oynat düğmesi WPF - DockPanel

Düzen denetimleri

Nesnelerinizi düzen denetimlerine de ekleyebilirsiniz. Bunlar düzen paneli kadar zengin özelliklere sahip değildir, ancak bunları belirli senaryolar için yararlı bulabilirsiniz.

Aşağıdaki düzen denetimleri en popüler olanlardır, ancak diğerleri de vardır. Bunların tümünü Visual Studio'daki Araç Kutusu'nda veya Visual Studio için Blend Varlıklar panelinde bulabilirsiniz.

Border

Bir nesnenin çevresinde kenarlık, arka plan veya her ikisini birden oluşturun. Kenarlık'a yalnızca bir nesne ekleyebilirsiniz. Birden fazla nesne için kenarlık veya arka plan uygulamak istiyorsanız, Kenarlık'a bir düzen paneli ekleyin. Ardından, bu panele veya denetime nesneler ekleyin.

Kenarlık düzeni denetimi

Bilgileri veya seçenekleri bir pencerede kullanıcılara gösterin. Açılan pencereye yalnızca bir nesne ekleyebilirsiniz. Varsayılan olarak, Açılan pencere bir Kılavuz içerir, ancak bunu değiştirebilirsiniz.

ScrollViewer

Kullanıcıların sayfayı veya sayfa alanını aşağı kaydırmasına olanak tanır. ScrollViewer'a yalnızca bir nesne ekleyebilirsiniz, bu nedenle Kılavuz veya StackPanel gibi bir düzen paneli eklemek mantıklıdır.

ScrollViewer düzen denetimi

Viewbox

Nesneleri yakınlaştırma denetimiyle yaptığınız gibi ölçeklendirin. Görünüm Kutusu'na yalnızca bir nesne ekleyebilirsiniz. Bu efekti birden çok nesneye uygulamak istiyorsanız, ViewBox'a bir düzen paneli ekleyin ve ardından denetimlerinizi bu düzen paneline ekleyin.

ViewBox düzen denetimi