Aracılığıyla paylaş

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

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 kodunuzda açıkça Layout olayları işlemek istemiyorsanız, bir düzen paneli kullanmayı göz önünde bulundurun.

FlowLayoutPanel denetimi ve TableLayoutPanel denetimi, 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 sarı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 <tablosu> öğ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'ndaki Kontrolleri Çift Tıklayarak Ekleme

  • Kontrolün Ana Hatlarını Çizerek Ekleme

  • Mevcut Kontrolleri Farklı Bir Ebeveyne 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.

Projeyi 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ımcısı'nda 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. TableLayoutPanel'den bir denetimini 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 Button denetime üç denetim daha TableLayoutPanel 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 denetimini seçin. Dock özelliğinin değerini Fillolarak değiştirin. Denetimin hücresini Button dolduracak şekilde genişlediğini unutmayın.

  2. Diğer Button denetimlerden birini seçin. Anchor özelliğinin değerini Rightolarak değ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ırMargin.Padding

  3. Denetimin özelliğinin Button değerini ve Anchorolarak Right değiştirin.Left 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 RowStyles koleksiyonlarını kullanarak satırların ve sütunların ColumnStyles tek tek özelliklerini ayarlayabilirsiniz.

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

  1. TableLayoutPanel Windows Forms Tasarımcısı'nda denetimi seçin.

  2. Özellikler pencerelerinde, SütunlarThe Ellipsis button (...) in the Properties window of Visual Studio.The Ellipsis button (...) in the Properties window of Visual Studio. girişinin ColumnStyles yanındaki üç nokta () 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. SizeType özelliğinin değerini Percentolarak değ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 RowSpanşeklindedirColumnSpan. 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 değerini 2ColumnSpandeğ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'ndaki Kontrolleri Çift Tıklayarak Ekleme

TableLayoutPaneliçindeki denetimlere çift tıklatarak, denetiminizi doldurabilirsiniz.

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

  1. TableLayoutPanel'den bir denetimini formunuza sürükleyin.

  2. Button'deki kontrol simgesine çift tıklayın. TableLayoutPanel denetiminin ilk hücresinde yeni bir düğme denetiminin göründüğünü unutmayın.

  3. Araç Kutusu'ndaki birkaç denetimi ç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. TableLayoutPanel denetiminin GrowStyle özelliğinin değerini FixedSizeolarak değiştirin. Denetim dolana Button simgeye Button çift tıklayın. Araç Kutusu'ndaki simgeye Buttonyeniden çift tıklayın. Windows Forms Tasarımcısı'ndan ek satır ve sütunların oluşturulamayacağını bildiren bir hata iletisi aldığınızı unutmayın.

Kontrolün Ana Hatlarını Çizerek Ekleme

Bir TableLayoutPanel denetimine bir denetim ekleyebilir ve bir hücreye çerçevesini çizerek boyutunu belirleyebilirsiniz.

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

  1. TableLayoutPanel'den bir denetimini formunuza sürükleyin.

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

  3. Fare işaretçisini TableLayoutPanel denetiminin üzerine getirin. İşaretçinin, Button denetim simgesi eklenmiş bir artı işaretine değiştiğini unutmayın.

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

  5. Button denetiminin ana hattını çizmek için fare işaretçisini 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 denetimi bırakma denemesi yapın.

  • TableLayoutPanel denetimini ana forma kenetleyin. Formu yeniden boyutlandırın ve düzen üzerindeki etkisini not edin.

Ayrıca bakınız