Share via

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

  • Makale

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

Denetim FlowLayoutPanel ve denetim, TableLayoutPanel formunuzda denetimleri düzenlemek için sezgisel yollar sağlar. Her ikisi de içinde yer alan 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; böylece üst formun boyutları değiştikçe alt denetimleri yeniden boyutlandırabilir ve yeniden konumlandırabilir. Düzen panelleri, karmaşık kullanıcı arabirimlerinin gerçekleştirilmesini sağlamak için düzen panellerinin içine yerleştirilebilir.

, FlowLayoutPanel içeriğini belirli bir akış yönünde düzenler: yatay veya dikey. İçeriği bir satırdan diğerine veya bir sütundan diğerine kaydırılabilir. Alternatif olarak, içeriği sarmalanmış yerine kırpılabilir. Daha fazla bilgi için bkz . İzlenecek yol: FlowLayoutPanel Kullanarak Windows Forms'ta Denetimleri Düzenleme.

, TableLayoutPanel içeriğini bir kılavuzda düzenleyerek HTML <tablo> öğesine benzer işlevler sağlar. Denetim, TableLayoutPanel denetimleri tek tek her denetimin konumunu tam olarak belirtmenize gerek kalmadan bir kılavuz düzenine yerleştirmenize olanak tanır. Hücreleri satırlar ve sütunlar halinde düzenlenir ve bunlar farklı boyutlara sahip olabilir. Hücreler satırlar ve sütunlar arasında birleştirilebilir. Hücreler, bir formun içerebileceği ve kapsayıcı olarak diğer açılardan davranabileceği her şeyi içerebilir.

Denetim TableLayoutPanel , çalışma zamanında orantılı bir yeniden boyutlandırma özelliği de sağlar, böylece formunuz yeniden boyutlandırılırken düzeniniz sorunsuz bir şekilde değişebilir. Bu, denetimi veri girişi formları ve yerelleştirilmiş uygulamalar gibi amaçlar için uygun hale getirir TableLayoutPanel . Daha fazla bilgi için bkz . İzlenecek Yol: Veri Girişi için Yeniden Boyutlandırılabilir Windows Formu Oluşturma ve İzlenecek Yol: Yerelleştirilebilir Windows Formu Oluşturma.

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

Bu kılavuzda 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

  • Denetimle Satırları ve Sütunları Yayma

  • Taşmaların Otomatik olarak işlenmesi

  • Araç Kutusu'nda Denetimler'e Çift Tıklayarak Ekleme

  • Ana Hattını Çizerek Denetim Ekleme

  • Mevcut Denetimleri Farklı Bir Üst Öğeye Yeniden Atama

İşiniz bittiğinde, bu önemli düzen özelliklerinin oynadığı rolü anlayacaksınız.

Projeyi Oluşturma

İlk adım projeyi oluşturmak ve formu ayarlamaktır.

Proje oluşturmak için

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

  2. WindowsForms Tasarım Aracı formu seçin.

Satırlarda ve Sütunlarda Denetimleri Düzenleme

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

TableLayoutPanel kullanarak satır ve sütunlardaki denetimleri düzenlemek için

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

  2. Button Bir denetimi Araç Kutusu'ndan denetime TableLayoutPanel sürükleyin ve hücrelerden birine bırakın. Denetimin Button seçtiğiniz hücre içinde oluşturulduğunu unutmayın.

  3. Her hücrenin bir düğme içermesi için Araç Kutusu'ndan denetime TableLayoutPanel üç denetim daha Button sürükleyin.

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

  5. İki sütun arasındaki dikey boyutlandırma tutamacını alın ve sağa taşıyın. İlk sütundaki denetimlerin Button özgün boyutlarına, ikinci sütundaki denetimlerin Button ise sağa taşındığına dikkat edin.

  6. Paneldeki denetimlerin etkisini görmek için yatay boyutlandırma tutamacını yukarı ve aşağı hareket ettirin.

Yerleştirme ve Tutturma Kullanarak Hücrelerin İçinde Denetimleri Konumlandırma

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

Denetimleri hücreler içinde konumlandırma

  1. İlk Button denetimi seçin. özelliğinin Dock değerini olarak Filldeğiştirin. Denetimin hücresini Button dolduracak şekilde genişlediğini unutmayın.

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

  3. Denetimin özelliğinin Button değerini ve Leftolarak Right değiştirin.Anchor Denetimin ve değerleri dikkate alınarak hücrenin genişliğine MarginPadding boyutlandırıldığını unutmayın.

  4. ve stilleriyle TopBottom 2. ve 3. adımları yineleyin.

Satır ve Sütun Özelliklerini Ayarlama

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

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

  1. TableLayoutPanel Windows Forms Tasarım Aracı denetimi seçin.

  2. Özellikler pencerelerinde, Sütunlar girişinin ColumnStyles yanındaki üç nokta (The Ellipsis button (...) in the Properties window of Visual Studio.) düğmesine tıklayarak koleksiyonu açın.

  3. İlk sütunu seçin ve özelliğinin SizeType değerini olarak AutoSizedeğiştirin. Değişikliği kabul etmek için Tamam'a tıklayın. İlk sütunun genişliğinin denetime uyacak Button şekilde azaltıldığını unutmayın. Ayrıca sütunun genişliğinin yeniden boyutlandırılamadığını unutmayın.

  4. Özellikler penceresinde koleksiyonu açın ColumnStyles ve ilk sütunu seçin. özelliğinin SizeType değerini olarak Percentdeğiştirin. Değişikliği kabul etmek için Tamam'a tıklayın. TableLayoutPanel Denetimi daha geniş bir genişliğe yeniden boyutlandırın ve ilk sütunun genişliğinin genişlediğini unutmayın. TableLayoutPanel Denetimi daha küçük bir genişliğe 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 koleksiyonu açın ColumnStyles ve listelenen tüm sütunları seçin. Her SizeType özelliğin değerini olarak Percentayarlayın. Değişikliği kabul etmek için Tamam'a tıklayın. Koleksiyonla RowStyles aynı işlemi tekrarlayın.

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

Denetimle Satırları ve Sütunları Yayma

Denetim, TableLayoutPanel tasarım zamanında denetimlere birkaç yeni özellik ekler. Bu özelliklerden ikisi ve ColumnSpanşeklindedirRowSpan. Bir denetimin birden fazla satır veya sütuna yayılması için bu özellikleri kullanabilirsiniz.

Denetim içeren satır ve sütunları yaymak için

  1. Button İlk satırda ve ilk sütunda denetimi seçin.

  2. Özellikler pencerelerinde özelliğin ColumnSpan değerini 2 olarak değiştirin. Denetimin Button ilk sütunu ve ikinci sütunu doldurduğunu unutmayın. Ayrıca, bu değişikliğe uyum sağlamak için fazladan bir satır eklendiğini unutmayın.

  3. Özellik için RowSpan 2. adımı yineleyin.

Araç Kutusu'nda Denetimler'e Çift Tıklayarak Ekleme

Araç Kutusu'ndaki denetimlere çift tıklayarak denetiminizi TableLayoutPanel doldurabilirsiniz.

Araç Kutusu'na çift tıklayarak denetim eklemek için

  1. Araç Kutusu'ndan bir TableLayoutPanel denetimi formunuza sürükleyin.

  2. Araç Kutusu'nda Buttondenetim simgesine çift tıklayın. Denetimin ilk hücresinde yeni bir düğme denetiminin göründüğüne TableLayoutPanel dikkat edin.

  3. Araç Kutusu'nda birkaç denetime daha çift tıklayın. Yeni denetimlerin, denetimin TableLayoutPanel boş hücrelerinde ardışık olarak göründüğüne dikkat edin. Ayrıca, açık hücre yoksa denetimin yeni denetimleri barındıracak şekilde genişlediğini TableLayoutPanel unutmayın.

Taşmaların Otomatik olarak işlenmesi

Denetime TableLayoutPanel denetim eklerken, yeni denetimleriniz için boş hücreler tükenebilir. Denetim, TableLayoutPanel hücre sayısını artırarak bu durumu otomatik olarak işler.

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

  1. Denetimde TableLayoutPanel hala boş hücreler varsa, denetim dolana kadar yeni Button denetimler eklemeye TableLayoutPanel devam edin.

  2. TableLayoutPanel Denetim dolduktan sonra, başka bir Button denetim eklemek için Araç Kutusu'ndaki simgeye çift tıklayınButton. Denetimin TableLayoutPanel yeni denetime uyum sağlamak için yeni hücreler oluşturduğunu unutmayın. Birkaç denetim daha ekleyin ve yeniden boyutlandırma davranışını gözlemleyin.

  3. Denetimin GrowStyle özelliğinin TableLayoutPanel değerini olarak FixedSizedeğiştirin. Denetim dolana Buttonkadar denetim eklemek Button için Araç Kutusu'ndaki simgeye TableLayoutPanel çift tıklayın. Araç Kutusu'ndaki simgeye Buttonyeniden çift tıklayın. Windows Forms Tasarım Aracı ek satır ve sütunların oluşturulamayacağını bildiren bir hata iletisi aldığınızı unutmayın.

Ana Hattını Çizerek Denetim Ekleme

Bir denetime TableLayoutPanel denetim ekleyebilir ve hücrede ana hattını çizerek boyutunu belirtebilirsiniz.

Ana hattını çizerek Denetim eklemek için

  1. Araç Kutusu'ndan bir TableLayoutPanel denetimi formunuza sürükleyin.

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

  3. Fare işaretçisini denetimin TableLayoutPanel üzerine getirin. İşaretçinin, denetim simgesinin ekli olduğu bir artı işaretine Button değiştiğini unutmayın.

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

  5. Denetimin ana hattını çizmek için fare işaretçisini Button sürükleyin. Boyuttan memnun olduğunuzda fare düğmesini bırakın. Denetimin, denetimin Button ana hattını çizdiğiniz hücrede oluşturulduğunu unutmayın.

Hücreler içinde birden çok denetime izin verilmiyor

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

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

  • Button Bir denetimi Araç Kutusu'ndan denetime TableLayoutPanel sürükleyin ve işgal edilen hücrelerden birine bırakın. Denetimin TableLayoutPanel , denetimi işgal edilen hücreye bırakmanıza Button izin vermediğini unutmayın.

Değiştirme Denetimleri

Denetim, TableLayoutPanel iki farklı hücreyi kaplayan denetimleri değiştirmenizi sağlar.

Denetimleri değiştirmek için

  • Denetimlerden Button birini dolu bir hücreden sürükleyin ve başka bir dolu hücreye bırakın. İki denetimin bir hücreden diğerine taşındığını unutmayın.

Sonraki Adımlar

Düzen panelleri ve denetimlerin birleşimini kullanarak karmaşık bir düzen elde edebilirsiniz. Daha fazla araştırma için öneriler şunlardır:

  • Denetimlerden birini Button daha büyük bir boyuta yeniden boyutlandırmayı deneyin ve düzen üzerindeki etkisini not edin.

  • Denetime TableLayoutPanel birden çok denetimden oluşan bir seçim yapıştırın ve denetimlerin nasıl eklendiğini not edin.

  • Düzen panelleri başka düzen panelleri içerebilir. Mevcut denetime bir TableLayoutPanel denetim bırakma denemesi yapın.

  • TableLayoutPanel Denetimi üst forma sabitleyin. Formu yeniden boyutlandırın ve düzen üzerindeki etkisini not edin.

Ayrıca bkz.