Aracılığıyla paylaş

İzlenecek yol: FlowLayoutPanel 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.

, TableLayoutPanel içeriğini bir kılavuzda düzenleyerek HTML <tablo> öğesine benzer işlevler sağlar. Hücreleri satırlar ve sütunlar halinde düzenlenir ve bunlar farklı boyutlara sahip olabilir. Daha fazla bilgi için bkz . İzlenecek Yol: TableLayoutPanel Kullanarak Windows Forms'da Denetimleri Düzenleme.

, 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. Bu kılavuzda gösterilen görevler şunlardır:

  • Windows Forms projesi oluşturma

  • Denetimleri Yatay ve Dikey Olarak Düzenleme

  • Akış Yönünü Değiştirme

  • Akış Sonları Ekleme

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

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

  • Ana Hattını Çizerek Denetim Ekleme

  • Şapka İşaretini Kullanarak Denetim Ekleme

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

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

Proje oluşturma

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

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

Denetimleri Yatay ve Dikey Olarak Düzenleme

Denetim, FlowLayoutPanel tek tek her denetimin konumunu tam olarak belirtmenize gerek kalmadan denetimleri satırlara veya sütunlara yerleştirmenizi sağlar.

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

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

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

  2. Bir Button denetimi Araç Kutusu'ndan içine FlowLayoutPanelsürükleyin. Otomatik olarak denetimin sol üst köşesine FlowLayoutPanel taşındığını unutmayın.

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

  4. Araç Kutusundan FlowLayoutPaneliçine birkaç denetim daha Button sürükleyin. Denetimler bir sonraki satıra kaydırana kadar yerleştirmeye Button devam edin.

  5. Denetimin WrapContents özelliğinin FlowLayoutPanel değerini olarak falsedeğiştirin. Alt denetimlerin artık sonraki satıra akmadığını unutmayın. Bunun yerine, ilk satıra taşınır ve kırpılır.

  6. Denetimin WrapContents özelliğinin FlowLayoutPanel değerini olarak truedeğiştirin. Alt denetimlerin bir sonraki satıra kaydırıldığını unutmayın.

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

  8. Tüm Button denetimler ilk satıra taşınana kadar denetimin genişliğini FlowLayoutPanel artırın. Daha geniş bir genişliğe uyum sağlamak için formunuzu yeniden boyutlandırmanız gerekebilir.

Akış Yönünü Değiştirme

özelliği denetimlerin FlowDirection düzenlendiği yönü değiştirmenize olanak tanır. Alt denetimleri soldan sağa, sağdan sola, yukarıdan aşağıya veya alttan üste doğru düzenleyebilirsiniz.

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

  1. Denetimin FlowDirection özelliğinin FlowLayoutPanel değerini olarak TopDowndeğiştirin. Alt denetimlerin, denetimin yüksekliğine bağlı olarak bir veya daha fazla sütunda yeniden düzenlendiğini unutmayın.

  2. FlowLayoutPanel yüksekliğini denetim sütunundan daha kısa olacak şekilde yeniden boyutlandırınButton. alt FlowLayoutPanel denetimleri bir sonraki sütuna akacak şekilde yeniden düzenlediğini unutmayın. Yüksekliği azaltmaya devam edin ve alt denetimlerin ardışık sütunlara aktığını unutmayın. Denetimin FlowDirection özelliğinin FlowLayoutPanel değerini olarak RightToLeftdeğiştirin. Alt denetimlerin konumlarının tersine çevrildiğini unutmayın. özelliğinin BottomUpdeğerini FlowDirection olarak değiştirdiğinizde düzeni gözlemleyin.

Akış Sonları Ekleme

Denetim, FlowLayoutPanel alt denetimleri için bir FlowBreak özelliği sağlar. FlowBreak özelliğinin değerinin ayarlanması true , denetimin FlowLayoutPanel denetimleri geçerli akış yönünde yerleştirmeyi durdurmasına ve sonraki satıra veya sütuna kaydırmasına neden olur.

Akış sonları eklemek için

  1. Denetimin FlowDirection özelliğinin FlowLayoutPanel değerini olarak TopDowndeğiştirin.

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

  3. Denetimin FlowBreak özelliğinin Button değerini olarak trueayarlayın. Sütunun bozuk olduğunu ve seçili Button denetimden sonraki denetimlerin sonraki sütuna aktığını unutmayın. Özgün davranışa dönmek için false denetimin Button FlowBreak özelliğinin değerini olarak ayarlayın.

Yerleştirme ve Tutturma Kullanarak Denetimleri Konumlandırma

Alt denetimlerin yerleştirme ve bağlama davranışları, diğer kapsayıcı denetimlerindeki davranışlardan farklıdır. Hem yerleştirme hem de sabitleme, akış yönündeki en büyük denetime göredir.

Takma ve tutturma kullanarak denetimleri konumlandırmak için

  1. Denetimlerin FlowLayoutPanel tümü bir sütunda düzenlenene Button kadar boyutunu artırın.

  2. Üstteki Button denetimi seçin. Genişliğini, diğer Button denetimlerin yaklaşık iki katı genişliğinde olacak şekilde artırın.

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

  4. özelliğinin Anchor değerini ve Leftolarak Right değiştirin. İlk Button denetimle aynı genişliğe boyutlandırıldığını unutmayın.

  5. Üçüncü Button denetimi seçin. özelliğinin Dock değerini olarak Filldeğiştirin. İlk Button denetimle aynı genişliğe boyutlandırıldığını unutmayın.

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

ve Margin özelliklerini değiştirerek Padding denetiminizdeki FlowLayoutPanel denetimleri de düzenleyebilirsiniz.

özelliği, Padding denetimlerin bir FlowLayoutPanel denetimin hücresine yerleştirilmesini denetlemenize olanak tanır. Alt denetimler ile FlowLayoutPanel denetimin kenarlıkları arasındaki aralığı belirtir.

özelliği, Margin denetimler arasındaki aralığı denetlemenize olanak tanır.

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

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

  2. Özellikler penceresinde girdiyi FlowLayoutPanel genişletip Padding özelliği 20 olarak ayarlayarak denetimin Padding özelliğinin Alldeğerini değiştirin. Daha fazla bilgi için bkz . İzlenecek Yol: Doldurma, Kenar Boşlukları ve Otomatik Boyutlandırma Özelliği ile Windows Forms Denetimlerini Yerleştirme. Alt denetimlerin denetimin merkezine doğru taşındığına FlowLayoutPanel dikkat edin. özelliği için Padding artan değer, alt denetimleri denetimin FlowLayoutPanel kenarlıklarından uzaklaştırır.

  3. içindeki tüm Button denetimleri seçin ve özelliğinin Margin değerini 20 olarak FlowLayoutPanel ayarlayın. Denetimler arasındaki aralığın arttığına Button ve bu nedenle daha fazla ayrı taşındığına dikkat edin. Tüm alt denetimleri görmek için denetimi daha büyük olacak şekilde yeniden boyutlandırmanız FlowLayoutPanel gerekebilir.

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

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

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

  1. Araç Kutusu'nda Buttondenetim simgesine çift tıklayın. Denetimde yeni Button bir denetim göründüğüne FlowLayoutPanel dikkat edin.

  2. Araç Kutusu'nda birkaç denetime daha çift tıklayın. Yeni denetimlerin denetimde ardışık olarak göründüğüne FlowLayoutPanel dikkat edin.

Ana Hattını Çizerek Denetim Ekleme

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

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

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

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

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

  4. 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 bir sonraki açık konumunda oluşturulduğunu FlowLayoutPanel unutmayın.

Ekleme Çubuğunu Kullanarak Denetim Ekleme

Denetimde belirli bir konuma FlowLayoutPanel denetim ekleyebilirsiniz. Denetimi denetimin istemci alanına sürüklediğinizde, denetimin FlowLayoutPanel nereye eklendiğini belirten bir ekleme çubuğu görüntülenir.

Şapka işaretini kullanarak denetim eklemek için

  1. Button Bir denetimi Araç Kutusu'ndan denetime FlowLayoutPanel sürükleyin ve iki Button denetim arasındaki boşluğun üzerine gelin. Denetime bırakıldığında nereye yerleştirileceğini gösteren Button bir ekleme çubuğunun FlowLayoutPanel çizildiğini unutmayın. Yeni Button denetimi denetime bırakmadan önce, ekleme çubuğunun FlowLayoutPanel nasıl hareket ettiğinizi görmek için fare işaretçisini hareket ettirin.

  2. Yeni Button denetimi denetime FlowLayoutPanel bırakın. Özelliği farklı bir değere sahip olduğundan Margin yeni Button denetimin diğer denetimlerle hizalanmadığını unutmayın.

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

Formunuzda bulunan denetimleri yeni FlowLayoutPanel bir denetime atayabilirsiniz.

Mevcut denetimleri yeniden ayrıştirmak için

  1. Araç Kutusu'ndan forma üç Button denetim sürükleyin. Onları birbirine yaklaştır, ancak hizalanmamış bırak.

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

  3. Fare işaretçisini üç Button denetime yaklaştırın. İşaretçinin, denetim simgesinin ekli olduğu bir artı işaretine FlowLayoutPanel 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 FlowLayoutPanel sürükleyin. Ana hattı üç Button denetimin etrafına çizin.

  6. Fare düğmesini bırakın. Üç Button denetimin denetime FlowLayoutPanel eklendiğini 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 Button birini daha büyük bir boyuta yeniden boyutlandırın ve düzen üzerindeki etkiyi not edin.

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

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

  • Visible Denetimlerden birinin özelliğini olarak false ayarlayın ve yanıt olarak yeniden akışın nasıl yapıldığını FlowLayoutPanel not edin.

Ayrıca bkz.