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
Bu Visual Studio "SnaplineExample" Windows tabanlı bir uygulama projesi oluşturun.
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
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.
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.
İ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.
İ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.
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.
İ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.
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.
Ö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.
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.
Özellikler penceresindeki GroupBox girdiyi Padding genişleterek ve özelliğini Padding 10 olarak ayarerek GroupBoxAll denetimin özelliğinin değerini değiştirin.
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.
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.
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
Araç Kutusunda denetim simgesine tıklayın. Forma sürüklemeyin.
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.
Fare düğmesine tıklayın ve basılı tutun.
Fare işaretçisini formun çevresine sürükleyin. Denetimin konumunu ve boyutunu gösteren bir ana hat çizilir.
İşaretçiyi formda başka bir denetimle hizalanmış olana kadar sürükleyin. Hizalamayı gösteren bir yaslama çizgisi görüntülendiğinden,
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
Araç Button Kutusundan form Button denetim sürükleyin, ancak fare düğmesini serbest bırakın.
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.
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.
Fare düğmesini bırakın. Denetim, yaslık çizgileri tarafından belirtilen konumda oluşturulur.
Yas çizgileri kullanarak denetimi yeniden boyutlandırma
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.
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ı.
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
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.
Denetimin Label özelliğinin değerini AutoSize olarak
truedeğiştirme. Denetimin kenarlıkların görüntüleme metnine sığacak şekilde ayarlandıklarını unutmayın.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.
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
ButtonButton ' ndan formunuza bir denetim sürükleyin. Formun sol üst köşesine yerleştirin.
CTRLaşağı oktuşuna basın. Denetimin formu, kullanılabilir ilk yatay hizalama konumuna taşıdığına unutmayın.
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.
CTRLsağ oktuşuna basın. Denetimin form genelinde ilk kullanılabilir dikey hizalama konumuna taşındığını unutmayın.
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.
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.
Denetimi bir pikselin artışlarla yeniden boyutlandırmak için SHIFTok tuşlarına basın .
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
TableLayoutPanelTableLayoutPanel ' ndan formunuza bir denetim sürükleyin.
ButtonButtondenetim simgesine çift tıklayın. Denetimin ilk hücresinde yeni bir düğme denetimi göründüğünü unutmayın TableLayoutPanel .
ButtonButton denetim simgesine iki kez çift tıklayın. Bu, denetimde boş bir hücre bırakır TableLayoutPanel .
ButtonButton bir denetimi denetimin boş hücresine sürükleyin TableLayoutPanel . Hiçbir yama çizgisi görünmediğini unutmayın.
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
Araçlar menüsünde Seçenekler iletişim kutusunu açın. Windows Form Tasarımcısıseçin.
Genel düğümünü seçin. Düzen modu bölümünde seçimi snaplines iken SnapToGridolarak değiştirin.
Ayarı uygulamak için Tamam ' ı seçin.
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 .