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

Bazı uygulamalar, form yeniden boyutlandırıldıklarında veya içerik boyutu değiştikleri için kendisini uygun şekilde düzende bir düzende bir form gerektirir. Dinamik bir düzene ihtiyacınız olduğunda ve olayları kodunda açıkça işlemek Layout istemiyorsanız, bir düzen paneli kullanmayı göz önünde bulundurabilirsiniz.

Denetim FlowLayoutPanel ve TableLayoutPanel denetim, form üzerinde denetimleri düzenlemenin sezgisel yollarını sağlar. Her ikisi de alt denetimlerin içinde yer alan göreli konumlarını kontrol etmek 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ştiklerinde alt denetimleri yeniden boyutlandırabilir ve konumlandırabilir. Düzen panelleri, karmaşık kullanıcı arabirimlerinin gerçekleştirilmesini sağlamak için düzen panellerinin içinde iç içe yerleştirebilirsiniz.

TableLayoutPanel, içeriğini bir kılavuzda düzen düzenarak HTML tablosu öğesine benzer işlevler <> sağlar. Hücreleri satırlar ve sütunlar halinde düzenlenmiştir ve bunların boyutları farklı olabilir. Daha fazla bilgi için bkz. Walkthrough: Windows Forms'ta TableLayoutPanel Kullanarak Denetimleri Düzenleme.

, FlowLayoutPanel içeriğini belirli bir akış yönünde (yatay veya dikey) düzenletir. İçeriği bir satırdan sonraki satıra veya bir sütundan sonraki satıra kaydırılmış olabilir. Alternatif olarak, içeriği sarmalanmış yerine kırpılır. Bu kılavuzda gösterilen görevler şunlardır:

  • Windows Forms projesi oluşturma

  • Denetimleri Yatay ve Dikey Olarak Düzenleme

  • Flow Yönünü Değiştirme

  • Sonları Flow Ekleme

  • Doldurma ve Kenar Boşluklarını Kullanarak Denetimleri Düzenleme

  • Araç Kutusunda Denetimler'e Çift Tıklayarak Denetim Ekleme

  • Ana HatLarını Çizerek Denetim Ekleme

  • Caret Kullanarak Denetim Ekleme

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

Bitirdikten sonra bu önemli düzen özelliklerinin oynadığı rolü anmış oluruz.

Proje oluşturma

  1. Bu Visual Studio Windows "FlowLayoutPanelExample"(Dosya Yeni Project Visual C#veya Klasik Masaüstü Windows Forms Uygulaması) adlı Visual Basic tabanlı bir uygulama projesi oluşturun.

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

Denetimleri Yatay ve Dikey Olarak Düzenleme

Denetim, her bir denetimin konumunu tam olarak belirtmenize gerek kalmadan denetimleri satırlar FlowLayoutPanel veya sütunlar arasında konumlandırmaya olanak sağlar.

Üst FlowLayoutPanel formun boyutları değiştikça denetim alt denetimlerini yeniden boyutlandırabilir veya yeniden akışa aabilir.

FlowLayoutPanel kullanarak denetimleri yatay ve dikey olarak düzenlemek için

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

  2. Bir denetimi Button Araç ButtonFlowLayoutPanel sürükleyin. Otomatik olarak denetimin sol üst köşesine taşındığını FlowLayoutPanel unutmayın.

  3. Araç Button Kutusundan başka bir ButtonFlowLayoutPanel sürükleyin. Denetimin Button otomatik olarak ilk denetimin yanındaki bir konuma taşındığını Button unutmayın. İki FlowLayoutPanel denetimi aynı satıra sığmayacak kadar darsa, yeni denetim otomatik olarak Button bir sonraki satıra taşınır.

  4. Araç Kutusundan Button içine birkaç denetim ButtonFlowLayoutPanel sürükleyin. Bir satır Button sonraki satıra kaydırana kadar denetimleri yerleştirmeye devam eder.

  5. Denetimin FlowLayoutPanel özelliğinin değerini WrapContents olarak false değiştirme. Alt denetimlerin artık bir sonraki satıra akmay olduğunu unutmayın. Bunun yerine, ilk satıra taşınır ve kırpılır.

  6. Denetimin FlowLayoutPanel özelliğinin değerini WrapContents olarak true değiştirme. Alt denetimlerin tekrar bir sonraki satıra kaydır olduğunu unutmayın.

  7. Tüm denetimler ilk FlowLayoutPanel sütuna Button taşınana kadar denetimin genişliğini azaltabilirsiniz.

  8. Tüm denetimler ilk FlowLayoutPanel satıra Button taşınana kadar denetimin genişliğini artırabilirsiniz. Daha genişliğe uyum sağlayacak şekilde formlarınızı yeniden boyutlandırmanız gerekir.

Flow Yönünü Değiştirme

FlowDirectionözelliği denetimlerin düzen yönünü değiştirmenizi sağlar. Alt denetimleri soldan sağa, sağdan sola, üstten aşağıya veya alttan yukarıya ayarlayabilirsiniz.

FlowLayoutPanel'de akış yönünü değiştirmek için

  1. Denetimin FlowLayoutPanel özelliğinin değerini FlowDirection olarak TopDown değiştirme. Alt denetimlerin, denetimin yüksekliğine bağlı olarak bir veya daha fazla sütunda yeniden düzen düzenlerine sahip olduğunu unutmayın.

  2. yüksekliğini FlowLayoutPanel denetim sütunundan daha kısa olacak şekilde yeniden Button boyutlandırabilirsiniz. alt FlowLayoutPanel denetimlerinin bir sonraki sütuna akacak şekilde yeniden düzenlense de olduğunu unutmayın. Yüksekliği azaltmaya devam eder ve alt denetimlerin ardışık sütunlara akdığını unutmayın. Denetimin FlowLayoutPanel özelliğinin değerini FlowDirection olarak RightToLeft değiştirme. Alt denetimlerin konumlarının tersine çevrilebilir. özelliğinin değerini olarak değiştirirken düzeni FlowDirectionBottomUp gözlemlersiniz.

Sonları Flow Ekleme

Denetim, FlowLayoutPanel alt denetimlerine bir FlowBreak özelliği sağlar. FlowBreak özelliğinin değerinin, denetimin geçerli akış yönünde denetimlerin sıralarını durdurmasını ve bir sonraki satıra veya sütuna trueFlowLayoutPanel sarmalasını sağlar.

Akış sonları eklemek için

  1. Denetimin FlowLayoutPanel özelliğinin değerini FlowDirection olarak TopDown değiştirme.

  2. En soldaki Button sütunun ortasındaki denetimlerden birini seçin.

  3. Denetimin Button FlowBreak özelliğinin değerini olarak true ayarlayın. Sütunun bozuk olduğunu ve seçili denetimden sonraki Button denetimlerin sonraki sütuna akmaya devam eder. Denetimin Button FlowBreak özelliğinin değerini, özgün false davranışa geri dönmek için olarak ayarlayın.

Yerleştirme ve Yer Yerleştirme Kullanarak Denetimleri Konumlandırma

Alt denetimlerin yerleştirme ve yer yerleştirme davranışları, diğer kapsayıcı denetimlerinin davranışlarından farklıdır. Hem yerleştirme hem de yer bağlantısı, akış yönündeki en büyük denetime göredir.

Yerleştirme ve yer yerleştirme kullanarak denetimleri konumlandırmak için

  1. Denetimlerin hepsi FlowLayoutPanel sütunda Button düzenlenene kadar boyutunu artırabilirsiniz.

  2. Üst denetimi Button seçin. Genişliğini artırarak diğer denetimlere göre yaklaşık iki kat Button genişliğe sahip olur.

  3. İkinci denetimi Button seçin. özelliğinin değerini Anchor olarak Right değiştirme. Sağ kenarlığı ilk denetimin sağ kenarlığıyla hizalanması için Button taşındığını unutmayın.

  4. özelliğinin değerini Anchor ve olarak RightLeft değiştirir. İlk denetimle aynı genişlikte boyutlandır olduğunu Button unutmayın.

  5. Üçüncü denetimi Button seçin. özelliğinin değerini Dock olarak Fill değiştirme. İlk denetimle aynı genişlikte boyutlandır olduğunu Button unutmayın.

Doldurma ve Kenar Boşluklarını Kullanarak Denetimleri Düzenleme

Ayrıca ve özelliklerini değiştirerek FlowLayoutPanel denetiminize denetimler Padding de Margin yerleştirebilirsiniz.

özelliği, Padding denetimlerin bir denetimin hücresine FlowLayoutPanel yerleştirilmesini denetlemeye olanak sağlar. Alt denetimler ile denetimin kenarlığı FlowLayoutPanel arasındaki aralığı belirtir.

özelliği, Margin denetimler arasındaki boşlukları denetlemeye olanak sağlar.

Doldurma ve Kenar Boşluğu özelliklerini kullanarak denetimleri düzenlemek için

  1. Denetimin FlowLayoutPanel özelliğinin değerini Dock olarak Fill değiştirme. Formunuz yeterince Button büyükse, denetimler denetimin ilk sütununa FlowLayoutPanel taşınır.

  2. Özellikler penceresindeki FlowLayoutPanel girdiyi genişleterek ve özelliğini 20 olarak ayarerek PaddingPaddingFlowLayoutPanelAll denetimin özelliğinin Padding Daha fazla bilgi için bkz. Adım adım kılavuz: Windows, Kenar Boşlukları ve AutoSize Özelliği ile Form Denetimlerini Düzeltme. Alt denetimlerin denetimin merkezine taşındığını FlowLayoutPanel unutmayın. Özelliğin artan değeri Padding alt denetimleri denetimin FlowLayoutPanel kenarlıklarından uzaklaştırıyor.

  3. içinde tüm denetimleri Button seçin ve FlowLayoutPanel özelliğinin değerini MarginButton Denetimler arasındaki aralığın Button arttıkça bunların daha da farklı bir yere taşındığına dikkat edin. Tüm alt denetimleri görmek için FlowLayoutPanel denetimi daha büyük olacak şekilde yeniden boyutlandırmanız gerekir.

Araç Kutusunda Denetimler'e Çift Tıklayarak Denetim Ekleme

Araç Kutusunda FlowLayoutPanel denetimlere çift tıklayarak denetiminizi FlowLayoutPanel

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

  1. Araç Kutusunda Button denetim simgesine Button Denetimde yeni Button bir denetim görüntülendiğinden, bu denetimin yeni bir denetim olduğunu FlowLayoutPanel unutmayın.

  2. Araç Kutusunda birkaç denetime çift tıklayın. Yeni denetimlerin denetimde başarıyla görüntü olduğunu FlowLayoutPanel unutmayın.

Ana HatLarını Çizerek Denetim Ekleme

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

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

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

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

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

  4. Fare işaretçisini sürükleyerek denetimin ana hatlarını Button çizin. Boyuttan memnunsanız fare düğmesini bırakın. ButtonDenetimin, denetimin bir sonraki açık konumda oluşturulmuş olduğunu FlowLayoutPanel unutmayın.

Ekleme Çubuğunu Kullanarak Denetim Ekleme

Denetimde belirli bir konuma denetim FlowLayoutPanel abilirsiniz. Denetimi denetimin istemci alanına FlowLayoutPanel sürüklerken, denetimin ekli olacağını belirten bir ekleme çubuğu görüntülenir.

Caret kullanarak denetim eklemek için

  1. Bir denetimi Button Araç ButtonFlowLayoutPanel sürükleyin ve iki denetim arasındaki alana işaret Button edin. Ekleme çubuğunun, denetimin içine Button bırakılırken yerleştirilecekleri yeri belirten bir çizilene dikkat FlowLayoutPanel edin. Yeni denetimi denetime bırakmadan önce, ekleme çubuğunun nasıl hareket ettiğinden ButtonFlowLayoutPanel gözlemlemek için fare işaretçisini hareket ettirin.

  2. Yeni denetimi Button denetime FlowLayoutPanel bırakın. Özelliği farklı bir Button değere sahip olduğundan, yeni denetimin diğerleriyle Margin hizalanmamış olduğunu unutmayın.

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

Form üzerinde var olan denetimleri yeni bir denetime FlowLayoutPanel atabilirsiniz.

Mevcut denetimleri yeniden değiştirmek için

  1. Araç Button Kutusundan Button denetim sürükleyin. Bunları birbirine yakın konuma getirin, ancak hizasız bırakın.

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

  3. Fare işaretçisini üç denetime yakın bir yere Button hareket ettirin. İşaretçinin, denetim simgesi eklenmiş bir çaprazhair FlowLayoutPanel 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ı FlowLayoutPanel çizin. Üç denetimin çevresinde ana hat Button çizin.

  6. Fare düğmesini bırakın. Üç denetimin Button denetime ekli olduğunu FlowLayoutPanel 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 Button büyük bir boyuta yeniden boyutlandırarak düzen üzerindeki etkiyi not eder.

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

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

  • Denetimlerden Visible birinin özelliğini olarak ayarlayın ve yeniden false akışların nasıl yanıt FlowLayoutPanel verdiğine dikkat eder.

Ayrıca bkz.