Sdílet prostřednictvím

Návod: Uspořádání ovládacích prvků na model Windows Forms pomocí zachytávání

  • Článek

Přesné umístění ovládacích prvků ve formuláři je pro mnoho aplikací vysokou prioritou. Návrhář model Windows Forms vám nabízí mnoho nástrojů rozložení, které vám to umožní. Jednou z nejdůležitějších funkcí je SnapLine .

Přichycení vám přesně ukáže, kde můžete zarovnát ovládací prvky s jinými ovládacími prvky. Zobrazují také doporučené vzdálenosti pro okraje mezi ovládacími prvky podle pokynů uživatelského rozhraní systému Windows.

Přichycení usnadňuje zarovnání ovládacích prvků, pro ostrý, profesionální vzhled a chování (vzhled a chování).

Vytvoření projektu

  1. V sadě Visual Studio vytvořte projekt aplikace založený na Systému Windows s názvem SnaplineExample.

  2. Vyberte formulář v Návrháři formulářů.

Mezera a zarovnání ovládacích prvků

Přichycení poskytuje přesný a intuitivní způsob zarovnání ovládacích prvků ve formuláři. Zobrazí se při přesouvání vybraného ovládacího prvku nebo ovládacích prvků poblíž pozice, která by byla zarovnaná s jiným ovládacím prvku nebo sadou ovládacích prvků. Výběr se při přesouvání přes ostatní ovládací prvky "přichytí" k navrhované pozici.

Uspořádání ovládacích prvků pomocí zachytávání

  1. Button Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  2. Button Přesuňte ovládací prvek do pravého dolního rohu formuláře. Všimněte si čar, které se zobrazují jako Button ovládací prvek, se blíží dolnímu a pravému ohraničení formuláře. Tyto křivky zobrazují doporučenou vzdálenost mezi ohraničením ovládacího prvku a formulářem.

  3. Button Přesuňte ovládací prvek kolem ohraničení formuláře a všimněte si, kde se zobrazují křivky. Až budete hotovi, přesuňte Button ovládací prvek do středu formuláře.

  4. Přetáhněte jiný Button ovládací prvek ze sady nástrojů do formuláře.

  5. Přesuňte druhý Button ovládací prvek, dokud nebude téměř na úrovni první. Všimněte si čáry přichycení, která se zobrazí na účaří textu obou tlačítek, a všimněte si, že ovládací prvek, který přesouváte, se přichytí k pozici, která je přesně na úrovni druhého ovládacího prvku.

  6. Přesuňte druhý Button ovládací prvek, dokud nebude umístěný přímo nad prvním. Všimněte si čar, které se zobrazí podél levého a pravého okraje obou tlačítek, a všimněte si, že ovládací prvek, který přesouváte, se přichytí k pozici, která je přesně zarovnaná s druhým ovládacím tlačítkem.

  7. Vyberte jeden z ovládacích Button prvků a přesuňte ho blíž k druhému, dokud se nedotknete. Všimněte si křivky, která se mezi nimi zobrazí. Tato vzdálenost je doporučená vzdálenost mezi ohraničeními ovládacích prvků. Všimněte si také, že ovládací prvek, který přesouváte, se k této pozici přichytí.

  8. Přetáhněte dva Panel ovládací prvky ze sady nástrojů do formuláře.

  9. Přesuňte jeden z ovládacích Panel prvků, dokud nebude téměř narovnaný s prvním ovládacím prvku. Všimněte si čar, které se zobrazují podél horních a dolních okrajů obou ovládacích prvků, a všimněte si, že ovládací prvek, který přesouváte, se přichytí k pozici, která je přesně na úrovni druhého ovládacího prvku.

Zarovnání k okrajům formuláře a kontejneru

Přichycení vám pomůže s konzistentním zarovnáním ovládacích prvků k okrajům formulářů a kontejnerů.

  1. Vyberte jeden z ovládacích Button prvků a přesuňte ho blízko pravého okraje formuláře, dokud se nezobrazí křivka přichycení. Vzdálenost přichycení od pravého okraje je součet vlastnosti ovládacího prvku Margin a hodnot vlastností formuláře Padding .

    Poznámka:

    Pokud je vlastnost formuláře Padding nastavena na 0,0,0,0,0, model Windows Forms Designer dává formulář stínované Padding hodnotě 9,9,9,9.9. Chcete-li toto chování přepsat, přiřaďte jinou hodnotu než 0,0,0,0.

  2. Změňte hodnotu Button vlastnosti ovládacího prvku Margin rozbalením Margin položky v okně Vlastnosti a nastavením All vlastnosti na hodnotu 0. Podrobnosti najdete v části Návod: Rozložení ovládacích prvků model Windows Forms s odsazením, okraji a vlastností AutoSize.

  3. Button Přesuňte ovládací prvek blízko pravého okraje formuláře, dokud se nezobrazí křivka. Tato vzdálenost je nyní uvedena hodnotou vlastnosti formuláře Padding .

  4. GroupBox Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  5. Změňte hodnotu GroupBox vlastnosti ovládacího prvku Padding rozbalením Padding položky v okně Vlastnosti a nastavením All vlastnosti na hodnotu 10.

  6. Button Přetáhněte ovládací prvek ze sady nástrojů do GroupBox ovládacího prvku.

  7. Button Přesuňte ovládací prvek blízko pravého GroupBox okraje ovládacího prvku, dokud se nezobrazí křivka. Button Přesuňte ovládací prvek do GroupBox ovládacího prvku a všimněte si, kde se zobrazují křivky.

Zarovnání k seskupeným ovládacím prvkům

Pomocí přichycení můžete zarovnat seskupené ovládací prvky i ovládací prvky v ovládacím GroupBox prvku.

  1. Vyberte dva ovládací prvky ve formuláři. Přesuňte výběr kolem a poznamenejte si křivky, které se zobrazí mezi vaším výběrem a ostatními ovládacími prvky.

  2. GroupBox Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  3. Button Přetáhněte ovládací prvek ze sady nástrojů do GroupBox ovládacího prvku.

  4. Vyberte jeden z ovládacích Button prvků a přesuňte ho GroupBox kolem ovládacího prvku. Všimněte si čar, které se zobrazují na okrajích GroupBox ovládacího prvku. Všimněte si také zachytávání, které se zobrazí na okrajích Button ovládacího prvku, který ovládací prvek obsahuje GroupBox . Ovládací prvky, které jsou podřízenými prvky ovládacího prvku kontejneru, podporují také křivky snapline.

Umístění ovládacího prvku pomocí přichycením jeho velikosti

  1. V panelu nástrojů klikněte na Button ikonu ovládacího prvku. Nepřetáhněte jej do formuláře.

  2. Přesuňte ukazatel myši na návrhovou plochu formuláře. Všimněte si, že ukazatel se změní na křížek s připojenou ikonou Button ovládacího prvku. Všimněte si také čar přichycení, které se zobrazují tak, aby navrhly zarovnané pozice pro Button ovládací prvek.

  3. Klikněte a podržte tlačítko myši.

  4. Přetáhněte ukazatel myši kolem formuláře. Všimněte si, že je nakreslený obrys označující pozici a velikost ovládacího prvku.

  5. Přetáhněte ukazatel, dokud se nezarovná s jiným ovládacím prvku ve formuláři. Všimněte si, že se zobrazí křivka, která označuje zarovnání.

  6. Uvolněte tlačítko myši. Ovládací prvek se vytvoří na pozici a velikosti označené obrysem.

Použití zachytávání při přetažení ovládacího prvku ze sady nástrojů

  1. Button Přetáhněte ovládací prvek ze sady nástrojů do formuláře, ale neuvolněte tlačítko myši.

  2. Přesuňte ukazatel myši na návrhovou plochu formuláře. Všimněte si, že ukazatel se změní tak, aby označil pozici, ve které se vytvoří nový Button ovládací prvek.

  3. Přetáhněte ukazatel myši kolem formuláře. Všimněte si čar, které se zobrazí, aby navrhly zarovnané pozice pro Button ovládací prvek. Najděte pozici, která je zarovnaná s jinými ovládacími prvky.

  4. Uvolněte tlačítko myši. Ovládací prvek se vytvoří na pozici označené přichycením.

Změna velikosti ovládacího prvku pomocí zachytávání

  1. Button Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  2. Button Změňte velikost ovládacího prvku tak, že uchopíte jeden z rohových úchytů pro změnu velikosti a přetáhnete ho. Podrobnosti najdete v tématu Postupy: Změna velikosti ovládacích prvků na model Windows Forms.

  3. Přetáhněte úchyt pro změnu velikosti, dokud nebude ohraničení některého Button ovládacího prvku zarovnané s jiným ovládacím prvku. Všimněte si, že se zobrazí křivka přichycení. Všimněte si také, že úchyt pro změnu velikosti se přichytí k poloze označené přichycením čáry.

  4. Button Změňte velikost ovládacího prvku v různých směrech a zarovnejte úchyt pro změnu velikosti k různým ovládacím prvkům. Všimněte si, jak se čáry přichycení zobrazují v různých orientacích, které označují zarovnání.

Zarovnání popisku k textu ovládacího prvku

  1. TextBox Přetáhněte ovládací prvek ze sady nástrojů do formuláře. Když ovládací prvek přehodíte TextBox do formuláře, klikněte na glyf inteligentní značky a vyberte možnost Nastavit text na textBox1 . Podrobnosti najdete v tématu Návod: Provádění běžných úloh pomocí akcí návrháře.

  2. Label Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  3. Změňte hodnotu Label vlastnosti ovládacího prvku AutoSize na true. Všimněte si, že ohraničení ovládacího prvku se upraví tak, aby odpovídalo zobrazovaného textu.

  4. Label Přesuňte ovládací prvek doleva od TextBox ovládacího prvku, aby byl zarovnaný s dolním okrajem TextBox ovládacího prvku. Všimněte si křivky, která se zobrazí podél dolních okrajů dvou ovládacích prvků.

  5. Label Přesuňte ovládací prvek mírně nahoru, dokud Label text a text nebudou TextBox zarovnány. Všimněte si odlišného stylu, který se zobrazí, což označuje, kdy jsou textová pole obou ovládacích prvků zarovnaná.

Použití přichycení pomocí navigace pomocí klávesnice

  1. Button Přetáhněte ovládací prvek ze sady nástrojů do formuláře. Umístěte ho do levého horního rohu formuláře.

  2. Stiskněte klávesu Ctrl+se šipkou dolů. Všimněte si, že ovládací prvek přesune formulář dolů na první dostupnou vodorovnou pozici zarovnání.

  3. Opakovaně stiskněte klávesu Ctrl+šipku dolů, dokud ovládací prvek nedosáhne dolní části formuláře. Všimněte si pozic, které zabírá, když se přesune dolů ve formuláři.

  4. Stiskněte klávesu Ctrl+se šipkou doprava. Všimněte si, že ovládací prvek se přesune přes formulář na první dostupnou svislou pozici zarovnání.

  5. Opakovaně stiskněte klávesu Ctrl+se šipkou doprava, dokud ovládací prvek nedosáhne strany formuláře. Všimněte si pozic, které zabírá při pohybu přes formulář.

  6. Přesuňte ovládací prvek kolem formuláře pomocí kombinace kláves se šipkami. Všimněte si pozic, které ovládací prvek zabírá, a zachytávání, které jsou k nim připojeny.

  7. Stisknutím kláves Shift+se šipkami změňte velikost Button ovládacího prvku o jeden pixel.

  8. Stisknutím kláves Ctrl+Shift+ změňte velikost Button ovládacího prvku v přírůstcích přichycení.

Selektivní zakázání zachytávání

  1. TableLayoutPanel Přetáhněte ovládací prvek ze sady nástrojů do formuláře.

  2. Poklikejte na Button ikonu ovládacího prvku v panelu nástrojů. Všimněte si, že v TableLayoutPanel první buňce ovládacího prvku se zobrazí nový ovládací prvek tlačítka.

  3. Dvakrát klikněte na Button ikonu ovládacího prvku v sadě nástrojů ještě dvakrát. Tím se v ovládacím TableLayoutPanel prvku ponechá jedna prázdná buňka.

  4. Button Přetáhněte ovládací prvek ze sady nástrojů do prázdné buňky TableLayoutPanel ovládacího prvku. Všimněte si, že se nezobrazují žádné zachytávání.

  5. Button Přetáhněte ovládací prvek mimo TableLayoutPanel ovládací prvek a přesuňte ho TableLayoutPanel kolem ovládacího prvku. Všimněte si, že se křivky přichycení zobrazí znovu.

Zakázání zachytávání

Stiskněte klávesu Alt a při přesouvání ovládacího prvku kolem formuláře.

Nezobrazují se žádné zachytávání a ovládací prvek se nechytí k žádným potenciálním polohám zarovnání.

Zakázání zachytávání v návrhovém prostředí

  1. V nabídce Nástroje otevřete dialogové okno Možnosti. Vyberte návrháře model Windows Forms.

  2. Vyberte uzel Obecné. V části Režim rozložení změňte výběr z SnapLines na SnapToGrid.

  3. Chcete-li použít nastavení, vyberte TLAČÍTKO OK .

  4. Vyberte ovládací prvek ve formuláři a přesuňte ho kolem ostatních ovládacích prvků. Všimněte si, že se nezobrazují křivky snapline.

Další kroky

Přichycení nabízí intuitivní způsob zarovnání ovládacích prvků ve formuláři. Mezi návrhy pro další zkoumání patří:

  • Zkuste vnořit GroupBox ovládací prvek do jiného GroupBox ovládacího prvku. Button Umístěte ovládací prvek do podřízeného GroupBox ovládacího prvku a jiný ovládací prvek v nadřazené GroupBox ovládacím prvku. Button Přesuňte ovládací prvky, abyste viděli, jak se přichytí přes hranice kontejneru.

  • Vytvořte sloupec ovládacích TextBox prvků a odpovídající sloupec ovládacích Label prvků. Nastavte hodnotu vlastnosti ovládacích Label prvků AutoSize na truehodnotu . Pomocí přichycení ovládacích prvků přesuňte Label ovládací prvky tak, aby byl jejich zobrazený text zarovnaný s textem v ovládacích TextBox prvcích.

Viz také