Adım adım kılavuz: Yas çizgileri kullanarak Windows Formlarında denetimleri düzenleme

Form üzerinde denetimlerin tam yerleşimi, birçok uygulama için yüksek önceliklidir. Windows Forms Tasarımcısı bunu gerçekleştirmek için birçok düzen aracı sağlar. En önemlilerinden biri SnapLine özelliğidir.

Yas çizgileri, denetimleri diğer denetimlerle tam olarak nerede sıralaycazı gösterir. Ayrıca, denetimler arasındaki kenar boşlukları için önerilen mesafeleri, denetim yönergeleri tarafından belirtilen Windows Kullanıcı Arabirimi gösterir.

Yas çizgileri, profesyonel bir görünüm ve davranış (görünüm ve görünüm) için denetimlerinizin hizalanmasına yardımcı olur.

Proje oluşturma

  1. Bu Visual Studio "SnaplineExample" Windows tabanlı bir uygulama projesi oluşturun.

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

Boşluk ve hizalama denetimleri

Yas çizgileri, form üzerinde denetimleri hizalamak için doğru ve sezgisel bir yol sağlar. Seçili bir denetimi veya denetimleri başka bir denetimle veya denetim kümesiyle hizalı bir konuma yakın bir konuma taşımadan önce görünürler. Seçiminiz, diğer denetimlerin ileri taşıması için önerilen konuma "yaslar".

Yas çizgileri kullanarak denetimleri düzenlemek için

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

  2. Denetimi Button formun sağ alt köşesine taşıma. Denetim formun alt ve sağ Button kenarlıkları yaklaştıkça görünen yas çizgilerini not etmek. Bu ek bileşen çizgileri, denetimin kenarlıkları ile formu arasındaki önerilen mesafeyi görüntüler.

  3. Denetimi Button formun kenarlıkları çevresinde hareket ettirin ve yaslığı çizgilerinin nerede görüntül olduğunu not etme. Bitirdikten sonra denetimi Button formun merkezine yakın bir yere hareket ettirin.

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

  5. İkinci denetimi Button birinciyle neredeyse düzeyine gelene kadar hareket ettirin. Her iki düğmenin de metin temel çizgisinde görünen ek bileşene dikkat edin ve hareket ettirilen denetimin diğer denetimle tam olarak düzeyi olan bir konuma yaslanır.

  6. İkinci Button denetimi, doğrudan birincinin üzerine gelene kadar hareket ettirin. Her iki düğmenin sol ve sağ kenarlarında görünen yas çizgileri not edin ve hareket ettirilen denetimin diğer denetimle tam olarak hizalanmış bir konuma yaslanır.

  7. Denetimlerden birini Button seçin ve neredeyse dokunana kadar diğer denetimlere yakın bir yere hareket ettirin. Aralarında görünen ek bileşene dikkat. Bu uzaklık, denetimlerin kenarlıkları arasında önerilen uzaklıktır. Ayrıca, hareket ettirilen denetimin bu konuma yasla olduğunu unutmayın.

  8. Araç Panel Kutusundan form Panel denetim sürükleyin.

  9. İlk ile neredeyse Panel düzeyine gelene kadar denetimlerden birini hareket ettirin. Her iki denetimin üst ve alt kenarlarında görünen yas çizgileri not edin ve hareket ettirilen denetimin diğer denetimle tam olarak düzeyi olan bir konuma yaslar.

Form ve kapsayıcı kenar boşluklarını hizalama

Yas çizgileri, denetimlerinizi tutarlı bir şekilde form ve kapsayıcı kenar boşluklarını hizalamanıza yardımcı olur.

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

    Not

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

  2. Özellikler penceresindeki Button girdiyi genişleterek ve özelliğini 0 olarak MarginMargin ayarerek denetimin ButtonAll özelliğinin değerini değiştirin. Ayrıntılar için bkz. Adım adım kılavuz: Windows,Kenar Boşlukları ve AutoSize Özelliği ile Form Denetimlerini Düzeltme.

  3. Bir Button ek bileşen görünene kadar denetimi formun sağ kenarlığına yakın bir yere hareket ettirin. Bu mesafe artık formun özelliğinin değeriyle Padding verilir.

  4. Araç GroupBox kutusundan bir GroupBox üzerine sürükleyin.

  5. Özellikler penceresindeki GroupBox girdiyi Padding genişleterek ve özelliğini Padding 10 olarak ayarerek GroupBoxAll denetimin özelliğinin değerini değiştirin.

  6. Araç Button Kutusundan Button denetim GroupBox sürükleyin.

  7. Bir Button ek bileşen görünene kadar denetimi GroupBox denetimin sağ kenarlığına yakın bir yere hareket ettirin. Denetimi Button denetimin içinde GroupBox hareket ettirin ve yaslık çizgilerinin nerede görüntü olduğunu not etme.

Gruplanmış denetimlere hizala

Bir denetim içindeki denetimlerin yanı sıra, gruplanmış denetimleri hizalamak için yassı çizgileri GroupBox kullanabilirsiniz.

  1. Formuzda iki denetim seçin. Seçimi başka bir yere taşıma ve seçiminiz ile diğer denetimler arasında görünen yaslığı çizgilerini not etme.

  2. Araç GroupBox kutusundan bir GroupBox üzerine sürükleyin.

  3. Araç Button Kutusundan Button denetim GroupBox sürükleyin.

  4. Denetimlerden birini Button seçin ve denetimin etrafında hareket GroupBox ettirin. Denetimin kenarlarında görünen yaslığı çizgilerini GroupBox not etmek. Ayrıca denetimin içerdiği denetimin kenarlarında Button görünen yas çizgilerini de GroupBox unutmayın. Bir kapsayıcı denetimine sahip olan denetimler, ek bileşen çizgilerini de destekler.

Boyutunun altı çizili olarak bir denetim yapmak için yaslama çizgilerini kullanma

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

  2. Fare işaretçisini formun tasarım yüzeyinin üzerine yerleştirin. İşaretçinin, denetim simgesi eklenmiş bir çaprazhair Button olarak değiştiklerini unutmayın. Ayrıca denetim için hizalı konumlar öneren anlık görüntü çizgilerini de Button not etmek.

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

  4. Fare işaretçisini formun çevresine sürükleyin. Denetimin konumunu ve boyutunu gösteren bir ana hat çizilir.

  5. İşaretçiyi formda başka bir denetimle hizalanmış olana kadar sürükleyin. Hizalamayı gösteren bir yaslama çizgisi görüntülendiğinden,

  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 yas çizgileri kullanma

  1. Araç Button Kutusundan form Button denetim sürükleyin, ancak fare düğmesini serbest bırakın.

  2. Fare işaretçisini formun tasarım yüzeyinin üzerine yerleştirin. İşaretçinin, yeni denetimin oluşturulacak konumunu Button belirtecek şekilde değiştiklerini unutmayın.

  3. Fare işaretçisini formun çevresine sürükleyin. Denetim için hizalı konumlar önermek için görünen yassı çizgilerini Button not etmek. Diğer denetimlerle hizalanmış bir konum bulun.

  4. Fare düğmesini bırakın. Denetim, yaslık çizgileri tarafından belirtilen konumda oluşturulur.

Yas çizgileri kullanarak denetimi yeniden boyutlandırma

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

  2. Köşe boyutlandırma Button tutamaçlarından birini alıp sürükleyerek denetimi yeniden boyutlandırabilirsiniz. Ayrıntılar için bkz. How to: Resize Controls on Windows Forms.

  3. Denetimin kenarlıklarından biri başka bir Button denetimle hizalanmış olana kadar boyutlandırma tutamacı sürükleyin. Bir ek bileşen görüntülenir. Ayrıca boyutlandırma tutamacı, yaslama çizgisi tarafından belirtilen konuma yaslandı.

  4. Denetimi farklı Button yönlerde yeniden boyutlandırabilir ve boyutlandırma tutamacı farklı denetimlere hizalanır. Hizalamayı göstermek için yaslama çizgilerini farklı yönlerde nasıl görüntüleyebilirsiniz?

Etiketi denetimin metniyle hizalama

  1. Araç TextBox kutusundan bir TextBox üzerine sürükleyin. Denetimi forma bırakarak smart-tag ifadesine tıklayın ve Metni TextBoxTextBox ayarla seçeneğini belirleyin. Ayrıntılar için bkz. Adım adım: Tasarımcı eylemlerini kullanarak genel görevleri gerçekleştirme.

  2. Araç Label kutusundan bir Label üzerine sürükleyin.

  3. Denetimin Label özelliğinin değerini AutoSize olarak true değiştirme. Denetimin kenarlıkların görüntüleme metnine sığacak şekilde ayarlandıklarını unutmayın.

  4. Denetimi, Label denetimin alt TextBox kenarıyla hizalanması için denetimin sol kenarına TextBox hareket ettirin. İki denetimin alt kenarlarında görünen yas çizgisine dikkat eder.

  5. LabelLabel Metin ve metin hizalanana kadar denetimi biraz daha yukarıya taşıyın TextBox . Her iki denetimin metin alanlarının ne zaman hizalandığını belirten, görüntülenen farklı stillendirilmiş ek çizgi olduğunu unutmayın.

Klavye gezintisi ile dayama çizgileri kullanma

  1. ButtonButton ' ndan formunuza bir denetim sürükleyin. Formun sol üst köşesine yerleştirin.

  2. CTRLaşağı oktuşuna basın. Denetimin formu, kullanılabilir ilk yatay hizalama konumuna taşıdığına unutmayın.

  3. Denetim formun altına ulaşıncaya kadar CTRLaşağı ok tuşuna basın. Formun aşağı doğru olduğu konumları göz önünde kalın.

  4. CTRLsağ oktuşuna basın. Denetimin form genelinde ilk kullanılabilir dikey hizalama konumuna taşındığını unutmayın.

  5. Denetimin formun kenarına ulaşıncaya kadar CTRL +ok tuşuna basın. Form boyunca taşıdıkça kapladığı konumları göz önünde edin.

  6. Denetimi, ok tuşlarının birleşimiyle birlikte form etrafında taşıyın. Denetimin kapladığı konumları ve bunlara eşlik eden anlık görüntü satırlarını unutmayın.

  7. Denetimi bir pikselin artışlarla yeniden boyutlandırmak için SHIFTok tuşlarına basın .

  8. CTRLSHIFTok tuşlarına basarak denetimin anlık çizgi artışlarını yeniden boyutlandırın.

Ek yama çizgilerini seçmeli devre dışı bırak

  1. TableLayoutPanelTableLayoutPanel ' ndan formunuza bir denetim sürükleyin.

  2. ButtonButtondenetim simgesine çift tıklayın. Denetimin ilk hücresinde yeni bir düğme denetimi göründüğünü unutmayın TableLayoutPanel .

  3. ButtonButton denetim simgesine iki kez çift tıklayın. Bu, denetimde boş bir hücre bırakır TableLayoutPanel .

  4. ButtonButton bir denetimi denetimin boş hücresine sürükleyin TableLayoutPanel . Hiçbir yama çizgisi görünmediğini unutmayın.

  5. Denetimi Button denetimin dışına sürükleyin TableLayoutPanel ve denetimin çevresinde taşıyın TableLayoutPanel . Anlık görüntü çizgilerinin yeniden göründüğünü unutmayın.

Anlık görüntü satırlarını devre dışı bırak

Bir denetimi form etrafında taşırken alt tuşuna basın.

Hiçbir yama satırı görünmez ve denetim olası hizalama konumlarına eklemez.

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

  1. Araçlar menüsünde Seçenekler iletişim kutusunu açın. Windows Form Tasarımcısıseçin.

  2. Genel düğümünü seçin. Düzen modu bölümünde seçimi snaplines iken SnapToGridolarak 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. Anlık görüntü çizgilerinin görünmediğini unutmayın.

Sonraki adımlar

Anlık görüntü çizgileri, formunuzdaki denetimleri hizalamak için sezgisel bir yöntem sunar. Daha fazla araştırma için öneriler şunlardır:

  • Bir GroupBox denetimi başka bir denetim içinde iç içe geçirmeyi deneyin GroupBox . ButtonAlt GroupBox Denetim içine ve diğeri de üst denetim içine bir denetim koyun GroupBox . Anlık görüntü Button , kapsayıcı sınırlarının çapraz çizgilerinin nasıl çapraz olduğunu görmek için denetimleri etrafında taşıyın.

  • Denetimlerin bir sütununu TextBox ve ilgili denetimlerin bir sütununu oluşturun Label . LabelDenetimlerin ' AutoSize özelliğinin değerini olarak ayarlayın true . LabelDenetimleri, görüntülenmekte olan metinlerin denetimlerde metinle hizalanmasını sağlayacak şekilde taşımak için dayama çizgileri kullanın TextBox .

Ayrıca bkz.