İzlenecek yol: TableLayoutPanel Kullanarak Windows Forms'da Denetimleri Düzenleme

Bazı uygulamalar, form yeniden boyutlandırıldığı veya içeriklerin boyutu değiştikçe kendisini uygun şekilde değiştiren düzen içeren bir form gerektirir. Dinamik bir düzene ihtiyacınız olduğunda ve Layout kodunuzda açıkça olayları işlemek istemiyorsanız, bir Düzen paneli kullanmayı düşünün.

FlowLayoutPanelDenetim ve denetim, TableLayoutPanel formunuzdaki denetimleri düzenlemek için sezgisel yollar sağlar. Her ikisi de içindeki alt denetimlerin göreli konumlarını denetlemek için otomatik, yapılandırılabilir bir özellik sağlar ve her ikisi de çalışma zamanında dinamik düzen özellikleri sağlar, bu sayede üst form değişikliğinin boyutları olarak alt denetimleri yeniden boyutlandırabilir ve yeniden konumlandırabilirsiniz. Düzen bölmeleri, gelişmiş kullanıcı arabirimlerinin yerine geçme özelliğini etkinleştirmek için Düzen panelleri içinde iç içe olabilir.

, FlowLayoutPanel İçeriğini belirli bir akış yönünde düzenler: yatay veya dikey. İçeriği bir satırdan sonrakine veya bir sütundan sonrakine kaydırılmış olabilir. Alternatif olarak, içeriği sarmalanabilir yerine kırpılabilir. daha fazla bilgi için bkz. izlenecek yol: Windows Forms denetimleri bir flowlayoutpanel kullanarak düzenleme.

, TableLayoutPanel HTML öğesine benzer işlevler sağlayan bir kılavuzda içeriğini düzenler <table> . TableLayoutPanelDenetim, denetimleri her bir denetimin konumunu tam olarak belirtmenize gerek kalmadan kılavuz düzenine yerleştirmenize olanak sağlar. Hücreleri satırlar ve sütunlar halinde düzenlenir ve bunlar farklı boyutlarda olabilir. Hücreler, satırlar ve sütunlar arasında birleştirilebilir. Hücreler, bir form içerebilen ve kapsayıcı olarak birçok yönden davranan her şeyi içerebilir.

TableLayoutPanelDenetim, çalışma zamanında orantılı bir yeniden boyutlandırma özelliği de sağlar, böylece formunuz yeniden boyutlandırıldığından düzen sorunsuzca değişebilir. Bu, TableLayoutPanel denetimi veri girişi formları ve yerelleştirilmiş uygulamalar gibi amaçlar için uygun hale getirir. daha fazla bilgi için bkz. izlenecek yol: veri girişi için yeniden boyutlandırılabilir Windows formu oluşturma ve izlenecek yol: yerelleştirilebilir Windows formu oluşturma.

Genel olarak, TableLayoutPanel tüm düzen için kapsayıcı olarak bir denetim kullanmamalısınız. TableLayoutPanelDüzenin bölümlerine orantılı yeniden boyutlandırma özellikleri sağlamak için denetimleri kullanın.

Bu izlenecek yolda gösterilen görevler şunlardır:

  • Windows Forms projesi oluşturma

  • Satırlarda ve sütunlarda denetimleri düzenleme

  • Satır ve sütun özelliklerini ayarlama

  • Satırları ve sütunları bir denetimle yayma

  • Taşmaları otomatik Işleme

  • Araç kutusunda çift tıklayarak denetim ekleme

  • Ana hattını çizerek bir denetim ekleme

  • Varolan denetimleri farklı bir üst öğeye yeniden atama

İşiniz bittiğinde, bu önemli düzen özellikleri tarafından yürütülen rolü anlayacaksınız.

Projeyi Oluşturma

İlk adım projeyi oluşturmak ve formu kurmak olur.

Proje oluşturmak için

  1. "TableLayoutPanelExample" adlı bir Windows uygulama projesi oluşturun. daha fazla bilgi için bkz. nasıl yapılır: Windows Forms uygulaması projesi oluşturma .

  2. Windows form tasarımcısında formu seçin.

Satırlarda ve sütunlarda denetimleri düzenleme

TableLayoutPanelDenetim, denetimleri satırlar ve sütunlar halinde kolayca düzenlemenizi sağlar.

TableLayoutPanel kullanarak satırlarda ve sütunlarda denetimleri düzenlemek için

  1. TableLayoutPanel Araç kutusu ' ndan formunuza bir denetim sürükleyin. Varsayılan olarak, TableLayoutPanel denetimin dört hücresi olduğunu unutmayın.

  2. Button Araç kutusundan denetimin içine bir denetim sürükleyin TableLayoutPanel ve hücrelerden birine bırakın. ButtonDenetimin seçtiğiniz hücre içinde oluşturulduğunu unutmayın.

  3. Button Araç kutusundan üç denetimi daha sürükleyin TableLayoutPanel , böylece her hücrede bir düğme bulunur.

  4. İki sütun arasında dikey boyutlandırma tutamacını alın ve sola taşıyın. Buttonİlk sütundaki denetimlerin daha küçük bir genişliğe yeniden boyutlandırıldığını, Button ikinci sütundaki denetimlerin boyutunun değişmeden olduğunu unutmayın.

  5. İki sütun arasında dikey boyutlandırma tutamacını alın ve sağa taşıyın. Buttonİlk sütundaki denetimlerin özgün boyutlarına dönüşdiğine, Button ikinci sütundaki denetimlerin sağa taşınacağını unutmayın.

  6. Paneldeki denetimlerde etkiyi görmek için yatay boyutlandırma tutamacını yukarı ve aşağı taşıyın.

Yerleştirme ve sabitleme kullanarak hücrelerde denetimleri konumlandırma

İçindeki alt denetimlerin sabitleme davranışı, TableLayoutPanel diğer kapsayıcı denetimlerindeki davranıştan farklıdır. Alt denetimlerin yerleştirme davranışı, diğer kapsayıcı denetimleriyle aynıdır.

Hücrelerin içindeki denetimleri konumlandırma

  1. İlk denetimi seçin Button . DockÖzelliğinin değerini olarak değiştirin Fill . ButtonDenetimin hücresini dolduracak şekilde genişlediğine unutmayın.

  2. Diğer denetimlerden birini seçin Button . AnchorÖzelliğinin değerini olarak değiştirin Right . Sağ kenarlığının hücrenin sağ kenarlığının yakınında olması için taşındığını unutmayın. Kenarlıklar arasındaki mesafe, Button denetimin Margin özelliğinin ve panelin Padding özelliğinin toplamıdır.

  3. ButtonDenetimin Anchor özelliğinin değerini ve olarak değiştirin Right Left . Denetim, Margin ve Padding değerlerini hesaba götürülüyse, hücrenin genişliğine göre boyutlandırıldığını unutmayın.

  4. 2 ve 3 Top . adımları ve stilleriyle tekrarlayın Bottom .

Satır ve sütun özelliklerini ayarlama

Ve koleksiyonlarını kullanarak satırların ve sütunların ayrı özelliklerini ayarlayabilirsiniz RowStyles ColumnStyles .

Satır ve sütun özelliklerini ayarlamak için

  1. TableLayoutPanel Windows Form Tasarımcısı denetimi seçin.

  2. özellikler penceresinde, ColumnStyles  sütunlar girişinin yanındaki üç nokta düğmesini (Visual Studio.) Özellikler penceresi (...) düğmesini tıklatarak koleksiyonu açın.

  3. İlk sütunu seçin ve SizeType özelliğinin değerini olarak değiştirin AutoSize . Değişikliği kabul etmek için Tamam ' ı tıklatın. İlk sütunun genişliğinin denetime sığacak şekilde azaltıldığına unutmayın Button . Ayrıca, sütunun genişliğinin yeniden boyutlandırılabilir olduğunu unutmayın.

  4. Özellikler penceresinde, ColumnStyles koleksiyonu açın ve ilk sütunu seçin. SizeTypeÖzelliğinin değerini olarak değiştirin Percent . Değişikliği kabul etmek için Tamam ' ı tıklatın. TableLayoutPanelDenetimi daha büyük bir genişliğe göre yeniden boyutlandırın ve ilk sütunun genişliğinin genişlediğine unutmayın. TableLayoutPanelDenetimi daha küçük bir genişliğe göre yeniden boyutlandırın ve ilk sütundaki düğmelerin hücreye sığacak şekilde boyutlandırıldığını unutmayın. Ayrıca, sütunun genişliğinin yeniden boyutlandırılabilir olduğunu unutmayın.

  5. Özellikler penceresinde, ColumnStyles koleksiyonu açın ve listelenen tüm sütunları seçin. Her özelliğinin değerini olarak ayarlayın SizeType Percent . Değişikliği kabul etmek için Tamam ' ı tıklatın. RowStylesKoleksiyonla tekrarlayın.

  6. Köşe yeniden boyutlandırma tutamaçlarından birini alın ve denetimin genişliğini ve yüksekliğini yeniden boyutlandırın TableLayoutPanel . Denetim boyutu değiştiğinde satırların ve sütunların yeniden boyutlandırıldığını unutmayın TableLayoutPanel . Ayrıca, satır ve sütunların yatay ve dikey boyutlandırma tutamaçlarıyla yeniden boyutlandırılabilir olduğunu unutmayın.

Satırları ve sütunları bir denetimle yayma

TableLayoutPanelDenetim, tasarım zamanında denetimlere birkaç yeni özellik ekler. Bu özelliklerden ikisi de RowSpan ve ' dir ColumnSpan . Bu özellikleri, bir denetimi birden fazla satır veya sütuna yaymak için kullanabilirsiniz.

Satırları ve sütunları bir denetimle yayma

  1. Buttonİlk satırdaki ve ilk sütundaki denetimi seçin.

  2. Özellikler penceresinde, ColumnSpan özelliğinin değerini 2 olarak değiştirin. ButtonDenetimin ilk sütunu ve ikinci sütunu doldurduğunu unutmayın. Ayrıca, bu değişikliğe uyum sağlamak için ek bir satır eklendiğini de göz önünde bulabilirsiniz.

  3. Özelliği için 2. adımı tekrarlayın RowSpan .

Araç kutusunda çift tıklayarak denetim ekleme

TableLayoutPanel Araç kutusundaki denetimleri çift tıklatarak denetiminizi doldurabilirsiniz.

Araç kutusuna çift tıklayarak denetim eklemek için

  1. Araç TableLayoutPanel kutusundan bir denetimi form üzerine sürükleyin.

  2. Araç Kutusunda denetim Button simgesine çift tıklayın. Denetimin ilk hücresinde yeni bir TableLayoutPanel düğme denetimi görünür.

  3. Araç Kutusunda birkaç denetime çift tıklayın. Yeni denetimlerin denetimin boş TableLayoutPanel hücrelerinde başarıyla görüntül olduğunu unutmayın. Ayrıca, açık hücre TableLayoutPanel yoksa denetimin yeni denetimlere uyum sağlayacak şekilde genişletildiklerini unutmayın.

Taşmaların Otomatik İşlemesi

Denetime denetim eklerken TableLayoutPanel yeni denetimleriniz için boş hücreleriniz olabilir. Denetim, TableLayoutPanel hücre sayısını artırarak bu durumu otomatik olarak ele almaktadır.

Taşmaların otomatik olarak işlenmesini gözlemlemek için

  1. Denetimde hala boş hücreler TableLayoutPanel varsa, denetim dolu olana kadar Button yeni denetimler TableLayoutPanel eklemeye devam eder.

  2. Denetim TableLayoutPanel dolduktan sonra, başka bir denetim Button eklemek için Araç Kutusu'daki simgeye çift Button tıklayın. Denetimin yeni TableLayoutPanel denetime uyum sağlayacak yeni hücreler oluşturduğuna dikkat etme. Birkaç denetim daha ekler ve yeniden boyutlandırma davranışını gözlemler.

  3. Denetimin TableLayoutPanel özelliğinin değerini GrowStyle olarak FixedSize değiştirme. Denetim dolu olana Button kadar denetim eklemek için Araç Button Kutusu'daki TableLayoutPanel simgeye çift tıklayın. Araç Kutusunda Button simgesine yeniden çift tıklayın. Windows Forms Designer'dan ek satır ve sütunların oluşturulamay olduğunu size bildiren bir hata iletisi alasınız.

Ana HatLarını Çizerek Denetim Ekleme

Bir denetime denetim eklemek ve TableLayoutPanel ana hatlarını bir hücreye çizerek boyutunu belirtmek.

Ana hatlarını çizerek denetim eklemek için

  1. Araç TableLayoutPanel kutusundan bir denetimi form üzerine sürükleyin.

  2. Araç Kutusunda denetim Button simgesine tıklayın. Forma sürüklemeyin.

  3. Fare işaretçisini denetimin üzerine TableLayoutPanel sürükleyin. İşaretçinin, denetim simgesi eklenmiş bir çaprazhair Button olarak değiştiklerini unutmayın.

  4. Fare düğmesine tıklayın ve basılı tutun.

  5. Fare işaretçisini sürükleyerek denetimin ana hatlarını Button çizin. Boyuttan memnunsanız fare düğmesini bırakın. ButtonDenetimin, denetimin ana hatlarını çizen hücrede oluşturulmuş olduğunu unutmayın.

Hücrelerde birden çok denetime izin verilmez

Denetim, TableLayoutPanel hücre başına yalnızca bir alt denetim içerebilir.

Hücrelerde birden çok denetime izin verilmediğini göstermek için

  • Bir Button denetimi Araç Kutusundan denetime TableLayoutPanel sürükleyin ve kapladığı hücrelerden birinin içine bırakın. TableLayoutPanelDenetimin, denetimi kapladığı hücreye Button bırakmasına izin vermey olduğunu unutmayın.

Denetimleri Değiştirme

Denetim, TableLayoutPanel iki farklı hücreyi kaplayacak şekilde denetimleri değiştirmene olanak sağlar.

Denetimleri değiştirmek için

  • Denetimlerin birini Button kapladığı bir hücreden sürükleyip başka bir kapladığı hücreye bırakın. İki denetimin bir hücreden diğer hücreye taşındığını unutmayın.

Sonraki Adımlar

Düzen panelleri ve denetimlerin birleşimini kullanarak karmaşık bir düzen elde edersiniz. Daha fazla keşif için öneriler şunlardır:

  • Denetimlerden birini daha büyük Button bir boyuta yeniden boyutlandırmayı deneyin ve düzenin etkisine dikkatin.

  • Denetime birden çok denetimden bir TableLayoutPanel seçim yapıştırın ve denetimlerin nasıl ekli olduğunu not edin.

  • Düzen panelleri başka düzen panelleri içerebilir. Bir denetimi mevcut TableLayoutPanel denetime bırakma denemesi.

  • Denetimi TableLayoutPanel üst forma yerleştirme. Formu yeniden boyutlandırarak düzen üzerindeki etkiyi not açın.

Ayrıca bkz.