İ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
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.
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
Araç FlowLayoutPanel kutusundan bir FlowLayoutPanel üzerine sürükleyin.
Bir denetimi Button Araç ButtonFlowLayoutPanel sürükleyin. Otomatik olarak denetimin sol üst köşesine taşındığını FlowLayoutPanel unutmayın.
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.
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.
Denetimin FlowLayoutPanel özelliğinin değerini WrapContents olarak
falsedeğ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.Denetimin FlowLayoutPanel özelliğinin değerini WrapContents olarak
truedeğiştirme. Alt denetimlerin tekrar bir sonraki satıra kaydır olduğunu unutmayın.Tüm denetimler ilk FlowLayoutPanel sütuna Button taşınana kadar denetimin genişliğini azaltabilirsiniz.
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
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.
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
Denetimin FlowLayoutPanel özelliğinin değerini FlowDirection olarak TopDown değiştirme.
En soldaki Button sütunun ortasındaki denetimlerden birini seçin.
Denetimin Button FlowBreak özelliğinin değerini olarak
trueayarlayı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ünfalsedavranış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
Denetimlerin hepsi FlowLayoutPanel sütunda Button düzenlenene kadar boyutunu artırabilirsiniz.
Ü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.
İ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.
özelliğinin değerini Anchor ve olarak RightLeft değiştirir. İlk denetimle aynı genişlikte boyutlandır olduğunu Button unutmayın.
Üçü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
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.
Ö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.
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
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.
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
Araç Kutusunda denetim simgesine tıklayın. Forma sürüklemeyin.
Fare işaretçisini denetimin üzerine FlowLayoutPanel sürükleyin. İşaretçinin, denetim simgesi eklenmiş bir çaprazhair Button olarak değiştiklerini unutmayın.
Fare düğmesine tıklayın ve basılı tutun.
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
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.
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
Araç Button Kutusundan Button denetim sürükleyin. Bunları birbirine yakın konuma getirin, ancak hizasız bırakın.
Araç Kutusunda denetim simgesine tıklayın. Forma sürüklemeyin.
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.
Fare düğmesine tıklayın ve basılı tutun.
Fare işaretçisini sürükleyerek denetimin ana hatlarını FlowLayoutPanel çizin. Üç denetimin çevresinde ana hat Button çizin.
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
falseakışların nasıl yanıt FlowLayoutPanel verdiğine dikkat eder.
Ayrıca bkz.
- FlowLayoutPanel
- TableLayoutPanel
- İzlenecek yol: TableLayoutPanel Kullanarak Windows Forms'da Denetimleri Düzenleme
- İzlenecek yol: Dayama Çizgileri Kullanarak Windows Forms'ta Denetimleri Düzenleme
- AutoSize Özelliğine Genel Bakış
- Nasıl yapılır: Windows Formlarına Denetimleri Yerleştirme
- Nasıl yapılır: Windows Formlarında Denetimleri Sabitleme
- İzlenecek yol: Doldurma, Kenar Boşlukları ve AutoSize Özelliği ile Windows Forms Denetimlerini Düzenleme