Adım adım kılavuz: Doldurma, kenar boşlukları ve AutoSize özelliğiyle denetimlerin detaylandırma

Form üzerinde denetimlerin tam yerleşimi, birçok uygulama için yüksek önceliklidir. Windows Form Tasarımcısı Visual Studio bunu gerçekleştirmek için birçok düzen aracı sağlar. En önemli üç özellik, tüm Windows Forms denetimlerde bulunan MarginPadding , ve AutoSize özellikleridir.

özelliği, Margin diğer denetimleri denetimin kenarlıklarından belirtilen bir mesafeyi tutan denetimin çevresindeki alanı tanımlar.

özelliği, denetimin içeriğini (örneğin, özelliğinin değeri) denetimin kenarlıklarından belirtilen bir mesafeyi tutan denetimin iç PaddingText mekanını tanımlar.

Aşağıdaki çizimde bir PaddingMargin denetimde ve özellikleri gösterilmiştir.

Padding And Margin for Windows Forms Controls

özelliği, AutoSize bir denetime kendisini otomatik olarak içeriğine göre boyuta sahip olduğunu söyler. Kendisini özgün özelliğinin değerinden küçük olacak şekilde yeniden boyutlandırmaz ve Size özelliğinin değerini hesaba Padding katacak.

Önkoşullar

Bu izlenecek yolu Visual Studio bir çözüme ihtiyacınız olacak.

Proje oluşturma

  1. Bu Visual Studio adlı bir Windows Uygulama projesi oluşturun.

  2. Windows Forms Tasarımcısı'nda formu seçin.

Denetimler için kenar boşluklarını ayarlama

özelliğini kullanarak denetimleriniz arasındaki varsayılan mesafeyi Margin değiştirebilirsiniz. Bir denetimi başka bir denetime yeterince yakın bir yere taşıyabilirsiniz. İki denetimin kenar boşluklarını gösteren bir yassı çizgiyle karşınız. Ayrıca, hareket ettirilen denetim kenar boşlukları tarafından tanımlanan mesafeye yaslar.

Margin özelliğini kullanarak form üzerinde denetimleri düzenleme

  1. Araç Button Kutusundan form Button denetim sürükleyin.

  2. Denetimlerden birini Button seçin ve neredeyse dokunana kadar diğer denetimlere yakın bir yere hareket ettirin.

    Aralarında görünen ek bileşen çizgilerini gözlemlemek. Bu uzaklık, iki denetimin değerlerinin Margin toplamıdır. Hareket ettirilen denetim bu mesafeye yaslar. Ayrıntılar için bkz. Walkthrough: Windows Forms'ta Denetimleri Yaslama Çizgileri Kullanarak Düzenleme.

  3. Özellikler Margin penceresindeki girdiyi genişleterek ve özelliğini 20 olarak ayarerek MarginMarginAll denetimlerden birinin özelliğini Margin

  4. Denetimlerden Button birini seçin ve diğer denetime yakın bir yere taşıma.

    Kenar boşluğu değerlerinin toplamını tanımlayan ek bileşen daha uzundur ve denetimin diğer denetimden daha uzak bir mesafeye yaslayıyor olması.

  5. Özellikler Margin penceresindeki girdiyi genişleterek ve özelliğini 5 olarak Margin ayarerek seçili MarginTop denetimin özelliğini Margin

  6. Seçili denetimi diğer denetimin altına taşıma ve ek bileşen çizgisinin daha kısa olduğunu gözlemle. Seçili denetimi diğer denetimin sol tarafından hareket ettirin ve ek bileşen çizgisinin 4. adımda gözlemlenen değeri koruyarak elde tutması.

  7. , , özelliğinin her bir özelliğini farklı değerlere veya tüm yönlerini özelliğiyle aynı MarginLeftTopRightBottom değere All ayarlayın.

Denetimler için doldurma ayarlama

Uygulamanıza gereken tam düzeni elde etmek için denetimleriniz genellikle alt denetimler içerir. Alt denetimin kenarlığı ile üst denetimin kenarlığı yakınlığı belirtmek istediğiniz zaman, üst denetimin özelliğini alt denetimin Padding özelliğiyle birlikte Margin kullanın. özelliği, bir denetimin içeriğinin (örneğin, bir denetimin özelliği) kenarlıklarına PaddingButton yakınlıklarını Text kontrol etmek için de kullanılır.

Doldurma kullanarak form üzerinde denetimleri düzenleme

  1. Araç Button kutusundan bir Button üzerine sürükleyin.

  2. Denetimin Button özelliğinin değerini AutoSize true olarak Button

  3. Özellikler Padding penceresindeki girdiyi Padding genişleterek ve Padding 5 olarak All ayarerek Padding

    Denetim, yeni doldurma için yer sağlayacak şekilde genişler.

  4. Araç GroupBox kutusundan bir GroupBox üzerine sürükleyin. Araç Button Kutusundan Button denetim GroupBox sürükleyin. Denetimi, Button denetimin sağ alt köşesiyle temiz olacak şekilde GroupBox konumlandırma.

    Denetim denetimin alt ve sağ Button kenarlıkları yaklaştıkça görünen yas çizgileri GroupBox gözlemler. Bu ek çizgiler, Margin özelliğinin özelliğine karşılık gelen . Button

  5. Özellikler GroupBox penceresindeki Padding girdiyi genişleterek ve Padding özelliğini 20 olarak ayarerek GroupBoxAll denetimin özelliğini Padding

  6. Denetimin Button içinde denetimi seçin ve GroupBox öğesinin merkezine doğru hareket ettirin. GroupBox

    Yas çizgileri denetimin kenarlıklarından daha uzak GroupBox görünür. Bu uzaklık, denetimin Button özelliğinin Margin ve denetimin GroupBox özelliğinin Padding toplamıdır.

Denetimleri otomatik olarak boyutla

Bazı uygulamalarda, bir denetimin boyutu tasarım zamanında olduğu gibi çalışma zamanında aynı olmayacaktır. Örneğin, bir denetimin metni bir veritabanından alınarak uzunluğu Button önceden bilinmemektedir.

özelliği AutoSize olarak ayarlanırsa true denetim kendisini içeriğine göre boyuta gelecektir. Daha fazla bilgi için bkz. AutoSize Özelliğine Genel Bakış.

AutoSize özelliğini kullanarak form üzerinde denetimleri düzenleme

  1. Araç Button kutusundan bir Button üzerine sürükleyin.

  2. Denetimin Button özelliğinin değerini AutoSize true olarak Button

  3. Denetimin Button özelliğini Bu TextButton

    Değişikliği işleyenin, Button denetim yeni metne sığacak şekilde yeniden boyutlandırılır.

  4. Araç Button Kutusundan başka bir Button üzerine sürükleyin.

  5. Denetimin Button özelliğini " Bu düğme text özelliği için uzun bir TextButton" olarak değiştirir.

    Değişikliği işlerken denetim kendi kendini yeniden boyutlandırmaz ve metin denetimin sağ kenarı Button tarafından kırpılır.

  6. Özellikler Padding penceresindeki girdiyi Padding genişleterek ve Padding 5 olarak All ayarerek Padding

    Denetimin iç tarafında yer alan metin dört tarafta da kırpılır.

  7. Denetimin Button özelliğini AutoSize true olarak Button

    Denetim, Button dizenin tamamını kapsayacak şekilde yeniden boyutlandırılır. Ayrıca metnin etrafına doldurma eklenmiştir ve denetimin dört Button yönde de genişlemesi gerekir.

  8. Araç Button kutusundan bir Button üzerine sürükleyin. Formun sağ alt köşesine yakın bir konuma getirin.

  9. Denetimin Button özelliğinin değerini AutoSize true olarak Button

  10. Denetimin Button özelliğini Anchor , Right olarak Bottom ayarlayın.

  11. Denetimin Button özelliğini " Bu düğme text özelliği için uzun bir TextButton" olarak değiştirir.

Değişikliği işleyenin, Button denetim kendisini sola doğru yeniden boyutlandırılır. Genel olarak, otomatik boyutlandırma özelliği ayarının tersi yönde bir denetimin Anchor boyutunu artıracaktır.

AutoSize ve AutoSizeMode özellikleri

Bazı denetimler özelliğini destekler ve bu özellik, denetimin otomatik boyutlandırma AutoSizeMode davranışı üzerinde daha fazla denetim sağlar.

AutoSizeMode özelliğini kullanma

  1. Araç Panel kutusundan bir Panel üzerine sürükleyin.

  2. Denetimin Panel özelliğinin değerini AutoSize true olarak Panel

  3. Araç Button Kutusundan Button denetim Panel sürükleyin.

  4. Denetimi Button denetimin sağ alt köşesine yakın bir yere Panel yer.

  5. Denetimi Panel seçin ve sağ alt boyutlandırma tutamacına tutun. Denetimi daha Panel büyük ve daha küçük olacak şekilde yeniden boyutlandırabilirsiniz.

    Not

    Denetimi serbestçe yeniden Panel boyutlandırabilirsiniz ancak denetimin sağ alt köşesinin konumundan Button daha küçük bir boyuta sahip olamaz. Bu davranış, özelliğinin varsayılan değeri AutoSizeMode olan tarafından GrowOnly belirtilir.

  6. Denetimin Panel özelliğinin değerini AutoSizeMode olarak GrowAndShrink ayarlayın.

    Denetim, Panel denetimin kendisini çevrelemektedir. Button Denetimi yeniden Panel boyutlandıramazsiniz.

  7. Denetimi Button denetimin sol üst köşesine Panel doğru sürükleyin.

    Denetim, Panel denetimin yeni Button konumunda yeniden boyutlandırılır.

Sonraki adımlar

Windows Forms uygulamalarınıza denetimleri düzenlemek için Windows vardır. Deney olabileceğiniz bazı bileşimler şu şekildedir:

Ayrıca bkz.