Aracılığıyla paylaş

İzlenecek yol: Ek çizgileri kullanarak Windows Forms'da denetimleri düzenleme

  • Makale

Denetimlerin formunuza tam olarak yerleştirilmesi, birçok uygulama için yüksek önceliklidir. Windows Forms Tasarım Aracı bunu gerçekleştirmek için size birçok düzen aracı sağlar. En önemli özelliklerden biri de özelliktir SnapLine .

Snaplines, denetimleri diğer denetimlerle tam olarak nereye hizalayabileceğinizi gösterir. Ayrıca, Windows Kullanıcı Arabirimi yönergelerinde belirtildiği gibi denetimler arasındaki kenar boşlukları için önerilen uzaklıkları da gösterir.

Snaplines, canlı, profesyonel görünüm ve davranış (genel görünüm) için denetimlerinizi hizalamayı kolaylaştırır.

Proje oluşturma

  1. Visual Studio'da "SnaplineExample" adlı Windows tabanlı bir uygulama projesi oluşturun.

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

Denetimleri boşlukla ve hizala

Snaplines, formunuzda denetimleri hizalamak için doğru ve sezgisel bir yol sağlar. Seçili bir denetimi veya denetimleri başka bir denetim veya denetim kümesiyle hizalanmış bir konuma yaklaştırdığınızda görüntülenir. Seçiminiz, diğer denetimlerin yanından geçerken önerilen konuma "yaslanır".

Ek çizgileri kullanarak denetimleri düzenlemek için

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

  2. Button Denetimi formun sağ alt köşesine taşıyın. Denetim formun alt ve sağ kenarlıklarına yaklaşırken Button görüntülenen ek çizgilere dikkat edin. Bu ek çizgiler, denetimin kenarlıkları ile form arasındaki önerilen uzaklığı görüntüler.

  3. Denetimi formun Button kenarlıkları çevresinde hareket ettirin ve ek çizgilerinin nerede göründüğüne dikkat edin. İşiniz bittiğinde, denetimi formun Button merkezine yakın bir yere taşıyın.

  4. Araç Kutusundan formunuza başka bir Button denetim sürükleyin.

  5. İkinci Button denetimi, birinciyle neredeyse düzeye gelene kadar taşıyın. Her iki düğmenin metin taban çizgisinde görüntülenen ek çizgiye dikkat edin ve taşıdığınız denetimin tam olarak diğer denetimle aynı düzeyde bir konuma tutturduğunu unutmayın.

  6. İkinci Button denetimi, birinci denetimin doğrudan üzerine konumlandırılana kadar taşıyın. Her iki düğmenin sol ve sağ kenarlarında görünen tutturma çizgilerine dikkat edin ve taşıdığınız denetimin diğer denetimle tam olarak hizalanmış bir konuma tutturduğunu unutmayın.

  7. Denetimlerden Button birini seçin ve neredeyse dokunana kadar diğerine yakın hareket ettirin. Aralarında görünen ek çizgiye dikkat edin. Bu uzaklık, denetimlerin kenarlıkları arasında önerilen uzaklıktır. Taşıdığınız denetimin bu konuma tutturduğunu da unutmayın.

  8. Araç Kutusundan formunuza iki Panel denetim sürükleyin.

  9. İlk denetimle neredeyse düzeye Panel gelene kadar denetimlerden birini taşıyın. Her iki denetimin de üst ve alt kenarları boyunca görünen tutturma çizgilerine dikkat edin ve taşıdığınız denetimin diğer denetimle aynı düzeyde bir konuma tutturduğunu unutmayın.

Form ve kapsayıcı kenar boşluklarına hizala

Snaplines, denetimlerinizi tutarlı bir şekilde form ve kapsayıcı kenar boşluklarıyla hizalamanıza yardımcı olur.

  1. Denetimlerden birini Button seçin ve bir ek çizgi görünene kadar formun sağ kenarlarına yakın bir yere taşıyın. Ek çizginin sağ kenarlıktan uzaklığı, denetimin Margin özelliğinin ve formun Padding özellik değerlerinin toplamıdır.

    Dekont

    Formun Padding özelliği 0,0,0,0 olarak ayarlanırsa, Windows Forms Tasarım Aracı forma 9,9,9,9 gölgeli Padding bir değer verir. Bu davranışı geçersiz kılmak için 0,0,0,0 dışında bir değer atayın.

  2. Özellikler penceresinde girdiyi Button genişletip Margin özelliği 0 olarak ayarlayarak denetimin Marginözelliğinin All değerini değiştirin. Ayrıntılar için bkz . İzlenecek Yol: Doldurma, Kenar Boşlukları ve Otomatik Boyutlandırma Özelliği ile Windows Forms Denetimlerini Yerleştirme.

  3. Button Bir ek çizgi görünene kadar denetimi formun sağ kenarlarına yakın hareket ettirin. Bu uzaklık artık formun Padding özelliğinin değeriyle verilir.

  4. Araç Kutusu'ndan bir GroupBox denetimi formunuza sürükleyin.

  5. Özellikler penceresinde girdiyi GroupBox genişletip Paddingözelliği 10 olarak ayarlayarak denetimin Padding özelliğinin All değerini değiştirin.

  6. Button Bir denetimi Araç Kutusu'ndan denetime GroupBox sürükleyin.

  7. Button Bir ek çizgi görünene kadar denetimi denetimin sağ kenarlarına GroupBox yakın hareket ettirin. Denetimi denetimin Button içinde hareket ettirin GroupBox ve ek çizgilerin nerede göründüğüne dikkat edin.

Gruplandırılmış denetimlere hizala

Bir denetim içindeki GroupBox denetimlerin yanı sıra gruplandırılmış denetimleri hizalamak için ek çizgileri kullanabilirsiniz.

  1. Formunuzda denetimlerden ikisini seçin. Seçiminizi hareket ettirin ve seçiminizle diğer denetimler arasında görünen ek çizgileri not edin.

  2. Araç Kutusu'ndan bir GroupBox denetimi formunuza sürükleyin.

  3. Button Bir denetimi Araç Kutusu'ndan denetime GroupBox sürükleyin.

  4. Denetimlerden Button birini seçin ve denetimin GroupBox çevresinde taşıyın. Denetimin kenarlarında görünen tutturma çizgilerine GroupBox dikkat edin. Ayrıca denetimin içerdiği denetimin GroupBox kenarlarında görünen tutturma çizgilerini Button de not edin. Kapsayıcı denetiminin alt öğeleri olan denetimler de ek çizgileri destekler.

Boyutunun ana hatlarını çizerek bir denetimi yerleştirmek için ek çizgileri kullanma

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

  2. Fare işaretçisini formun tasarım yüzeyinin üzerine getirin. İşaretçinin, denetim simgesinin ekli olduğu bir artı işaretine Button değiştiğini unutmayın. Ayrıca, denetim için hizalanmış konumlar önermek üzere Button görünen ek çizgilere de dikkat edin.

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

  4. Fare işaretçisini formun çevresinde sürükleyin. Denetimin konumunu ve boyutunu gösteren bir ana hat çizildiğini unutmayın.

  5. formdaki başka bir denetimle hizalanıncaya kadar işaretçiyi sürükleyin. Hizalamayı göstermek için bir ek çizgi göründüğüne dikkat edin.

  6. Fare düğmesini bırakın. Denetim, ana hat tarafından belirtilen konumda ve boyutta oluşturulur.

Araç Kutusundan bir denetimi sürüklerken tutturma çizgilerini kullanma

  1. Araç Kutusu'ndan bir Button denetimi formunuza sürükleyin, ancak fare düğmesini serbest bırakmayın.

  2. Fare işaretçisini formun tasarım yüzeyinin üzerine getirin. İşaretçinin, yeni Button denetimin oluşturulacağı konumu gösterecek şekilde değiştiğini unutmayın.

  3. Fare işaretçisini formun çevresinde sürükleyin. Denetim için hizalanmış konumlar önermek üzere görünen tutturma çizgilerine Button dikkat edin. Diğer denetimlerle hizalanmış bir konum bulun.

  4. Fare düğmesini bırakın. Denetim, ek çizgilerle belirtilen konumda oluşturulur.

Snaplines kullanarak denetimi yeniden boyutlandırma

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

  2. Button Köşe boyutlandırma tutamaçlarından birini tutup sürükleyerek denetimi yeniden boyutlandırın. Ayrıntılar için bkz . Nasıl yapılır: Windows Forms'da Denetimleri Yeniden Boyutlandırma.

  3. Denetimin kenarlıklarından biri başka bir denetimle hizalanana kadar boyutlandırma tutamacını Button sürükleyin. Bir ek çizginin görüntülendiğini unutmayın. Ayrıca boyutlandırma tutamacın, snapline tarafından belirtilen konuma uydurduğunu unutmayın.

  4. Button Denetimi farklı yönlerde yeniden boyutlandırın ve boyutlandırma tutamacını farklı denetimlere hizalayın. Hizalamayı göstermek için tutturma çizgilerinin çeşitli yönlerde nasıl göründüğüne dikkat edin.

Etiketi denetimin metnine hizalama

  1. Araç Kutusu'ndan bir TextBox denetimi formunuza sürükleyin. Denetimi forma bıraktığınızda TextBox akıllı etiket karakterine tıklayın ve Metni textBox1 olarak ayarla seçeneğini belirleyin. Ayrıntılar için bkz . İzlenecek Yol: Tasarımcı eylemlerini kullanarak ortak görevleri gerçekleştirme.

  2. Araç Kutusu'ndan bir Label denetimi formunuza sürükleyin.

  3. Denetimin AutoSize özelliğinin Label değerini olarak truedeğiştirin. Denetimin kenarlıklarının görünen metne uyacak şekilde ayarlandığını unutmayın.

  4. Label Denetimi, denetimin TextBox alt kenarıyla hizalı olacak şekilde denetimin soluna TextBox taşıyın. İki denetimin alt kenarları boyunca görüntülenen ek çizgiye dikkat edin.

  5. Label Metin ve TextBox metin hizalanana Label kadar denetimi biraz yukarı doğru hareket ettirin. Her iki denetimin metin alanlarının ne zaman hizalandığını gösteren farklı stildeki ek çizgiye dikkat edin.

Klavye gezintisi ile tutturma çizgilerini kullanma

  1. Araç Kutusu'ndan bir Button denetimi formunuza sürükleyin. Formun sol üst köşesine yerleştirin.

  2. Ctrl+aşağı ok tuşuna basın. Denetimin formun aşağısına, kullanılabilir ilk yatay hizalama konumuna taşındığını unutmayın.

  3. Denetim formun en altına ulaşana kadar Ctrl+aşağı ok tuşuna basın. Formda aşağı doğru ilerlediği konumları not edin.

  4. Ctrl+sağ ok tuşuna basın. Denetimin formda kullanılabilen ilk dikey hizalama konumuna taşındığını unutmayın.

  5. Denetim formun yanına ulaşana kadar Ctrl+sağ ok tuşuna basın. Formda ilerledikçe kapacağı konumları not edin.

  6. Denetimi ok tuşlarının birleşimiyle formda hareket ettirin. Denetimin kapsadığını ve bunlara eşlik eden snapline'ları not edin.

  7. Denetimi bir piksellik artışlarla yeniden boyutlandırmak Button için Shift+ok tuşlarına basın.

  8. Denetimi ek çizgi artışlarıyla yeniden boyutlandırmak Button için Ctrl+Shift+ok tuşlarına basın.

Ek çizgileri seçmeli olarak devre dışı bırakma

  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'ndaki Button denetim simgesine iki kez daha çift tıklayın. Bu, denetimde TableLayoutPanel boş bir hücre bırakır.

  4. Button Bir denetimi Araç Kutusu'ndan denetimin boş hücresine TableLayoutPanel sürükleyin. Hiçbir ek çizginin görünmediğini unutmayın.

  5. Button Denetimi denetimin TableLayoutPanel dışına sürükleyin ve denetimin çevresinde hareket ettirinTableLayoutPanel. Ek çizgilerin yeniden görüntülendiğini unutmayın.

Ek çizgileri devre dışı bırakma

Alt tuşuna basın ve bir denetimi formda hareket ettirirken.

Hiçbir tutturma çizgisi görünmez ve denetim olası hizalama konumlarına yaslanmaz.

Tasarım ortamında ek çizgileri devre dışı bırakmak için

  1. Araçlar menüsünde Seçenekler iletişim kutusunu açın. Windows Forms Tasarım Aracı'ı seçin.

  2. Genel düğümünü seçin. Düzen Modu bölümünde, Seçimi SnapLinesyerine SnapToGrid olarak değiştirin.

  3. Ayarı uygulamak için Tamam'ı seçin.

  4. Formunuzda bir denetim seçin ve diğer denetimlerin çevresinde taşıyın. Ek çizgilerin görünmediğini unutmayın.

Sonraki adımlar

Snaplines, formunuzda denetimleri hizalamak için sezgisel bir araç sunar. Daha fazla araştırma için öneriler şunlardır:

  • Denetimi başka GroupBox bir GroupBox denetimin içine yerleştirmeyi deneyin. Alt denetimin GroupBox içine bir Button denetim, üst GroupBox denetime de başka bir denetim yerleştirin. Ek çizgilerin Button kapsayıcı sınırlarını nasıl aşacaklarını görmek için denetimleri hareket ettirin.

  • Bir denetim sütunu TextBox ve buna karşılık gelen bir denetim sütunu Label oluşturun. Denetimlerin AutoSize özelliğinin Label değerini olarak trueayarlayın. Görüntülenen metinleri denetimlerdeki metinle TextBox hizalı hale getirmek için Label ek çizgileri kullanın.

Ayrıca bkz.