Sdílet prostřednictvím

Průvodce: Rozložení ovládacích prvků s ohraničením, okraji a vlastností AutoSize

Přesné umístění ovládacích prvků ve formuláři je pro mnoho aplikací vysokou prioritou. Nástroj Windows Forms Designer ve Visual Studio nabízí mnoho nástrojů pro uspořádání, abyste toho dosáhli. Tři z nejdůležitějších vlastností jsou Margin, Paddinga AutoSize vlastnosti, které jsou přítomné na všech ovládacích prvcích Windows Forms.

Vlastnost Margin definuje prostor kolem ovládacího prvku, který udržuje jiné ovládací prvky v zadané vzdálenosti od ohraničení ovládacího prvku.

Vlastnost Padding definuje prostor v interiéru ovládacího prvku, který udržuje obsah ovládacího prvku (například hodnotu jeho vlastnosti Text) zadanou vzdálenost od ohraničení ovládacího prvku.

Následující obrázek znázorňuje vlastnosti Padding a Margin ovládacího prvku.

Odsazení a okraj pro ovládací prvky Windows Forms

Vlastnost AutoSize říká ovládacímu prvku, aby se automaticky přizpůsobil podle svého obsahu. Její velikost nebude menší sama o sobě než hodnota její původní vlastnosti Size a zohlední hodnotu své vlastnosti Padding.

Požadavky

K dokončení tohoto návodu budete potřebovat Visual Studio.

Vytvoření projektu

  1. V sadě Visual Studio vytvořte projekt aplikace systému Windows s názvem .

  2. Vyberte formulář v Windows Forms Designeru .

Nastavení okrajů pro ovládací prvky

Výchozí vzdálenost mezi ovládacími prvky můžete nastavit pomocí vlastnosti Margin. Když ovládací prvek přesunete do blízkosti jiného ovládacího prvku, zobrazí se spojnice, která zobrazuje okraje obou ovládacích prvků. Ovládací prvek, který/á přesouváte, se také přichytí na vzdálenost definovanou podle okrajů.

Uspořádejte ovládací prvky na svém formuláři pomocí vlastnosti Okraj

  1. Přetáhněte dva ovládací prvky Button z panelu nástrojů do formuláře.

  2. Vyberte jeden z Button ovládacích prvků a přesuňte ho blízko k druhému, dokud se téměř nedotknou.

    Sledujte pomocnou čáru, která se mezi nimi zobrazí. Tato vzdálenost je součet hodnot Margin dvou ovládacích prvků. Ovládací prvek, který přesouváte, se přichytí na tuto vzdálenost. Podrobnosti naleznete v tématu Návod: Uspořádání ovládacích prvků v rámci Windows Forms pomocísnaplines.

  3. Změňte vlastnost Margin jednoho z ovládacích prvků rozbalením položky Margin v okně Vlastnosti a nastavením vlastnosti All na 20.

  4. Vyberte jeden z ovládacích prvků Button a přesuňte ho blíž k druhému.

    Přichycovací čára definující součet hodnot okrajů je delší, a ovládací prvek se přichytí na větší vzdálenost od jiného ovládacího prvku.

  5. Změňte vlastnost Margin vybraného ovládacího prvku rozbalením položky Margin v okně Vlastnosti a nastavením vlastnosti Top na 5.

  6. Přesuňte vybraný ovládací prvek pod ostatní ovládací prvek a všimněte si, že vodicí čára je kratší. Přesuňte vybraný ovládací prvek doleva od druhého ovládacího prvku a všimněte si, že linka přichycení si zachová hodnotu uvedenou ve čtvrtém kroku.

  7. Můžete nastavit všechny aspekty vlastnosti Margin, Left, Top, Right, Bottom, na různé hodnoty nebo je můžete nastavit na stejnou hodnotu pomocí vlastnosti All.

Nastavit odsazení ovládacích prvků

Aby bylo dosaženo přesného rozložení požadovaného pro vaši aplikaci, budou ovládací prvky často obsahovat podřízené ovládací prvky. Pokud chcete určit blízkost ohraničení podřízeného ovládacího prvku k ohraničení nadřazeného ovládacího prvku, použijte vlastnost nadřazeného ovládacího prvku Padding ve spojení s podřízenou vlastností ovládacího prvku Margin. Vlastnost Padding slouží také k řízení blízkosti obsahu ovládacího prvku (například vlastnost ButtonText ovládacího prvku) k jeho ohraničení.

Uspořádejte ovládací prvky ve formuláři pomocí odsazení

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

  2. Změňte hodnotu vlastnosti Button ovládacího prvku AutoSize na true.

  3. Změňte vlastnost Padding rozbalením položky Padding v okně Vlastnosti a nastavením vlastnosti All na 5.

    Ovládací prvek se rozbalí a poskytne prostor pro nové odsazení.

  4. Přetáhněte ovládací prvek GroupBox z panelu nástrojů do formuláře. Přetáhněte ovládací prvek Button z panelu nástrojů do ovládacího prvku GroupBox. Umístěte ovládací prvek Button tak, aby byl zarovnaný v pravém dolním rohu ovládacího prvku GroupBox.

    Podívejte se na vodicí čáry, které se zobrazují, když se ovládací prvek Button přistupuje ke spodnímu a pravému ohraničení ovládacího prvku GroupBox. Tyto vodicí čáry odpovídají vlastnosti Margin u objektu Button.

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

  6. Vyberte ovládací prvek Button v ovládacím prvku GroupBox a přesuňte ho do středu GroupBox.

    Křivky se zobrazí dále od okrajů ovládacího prvku GroupBox. Tato vzdálenost je součet vlastnosti Button ovládacího prvku Margin a vlastnosti GroupBox ovládacího prvku Padding.

Velikost se ovládá automaticky

V některých aplikacích nebude velikost ovládacího prvku v době běhu stejná jako v době návrhu. Text ovládacího prvku Button může být například převzat z databáze a jeho délka není předem známa.

Pokud je vlastnost AutoSize nastavena na true, ovládací prvek se velikostí sám na jeho obsah. Pro více informací se podívejte na Přehled vlastnosti AutoSize.

Uspořádání ovládacích prvků ve formuláři pomocí vlastnosti AutoSize

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

  2. Změňte hodnotu vlastnosti Button ovládacího prvku AutoSize na true.

  3. Změňte vlastnost Button ovládacího prvku Text na Toto tlačítko má dlouhý řetězec pro vlastnost Text.

    Po potvrzení změny se ovládací prvek Button změní tak, aby se přizpůsobil novému textu.

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

  5. Vlastnost Button ovládacího prvku Text změňte na "Toto tlačítko má dlouhý řetězec pro vlastnost Text."

    Když změnu potvrdíte, ovládací prvek Button se nezmění svou velikost a text je oříznut pravým okrajem ovládacího prvku.

  6. Změňte vlastnost Padding rozbalením položky Padding v okně Vlastnosti a nastavením vlastnosti All na 5.

    Text uvnitř ovládacího prvku je oříznutý na všech čtyřech stranách.

  7. Změňte vlastnost Button ovládacího prvku AutoSize na hodnotu true .

    Ovládací prvek Button změní velikost tak, aby zahrnoval celý řetězec. Kromě toho bylo kolem textu přidáno odsazení, což umožňuje ovládacímu prvku Button rozšířit se všemi čtyřmi směry.

  8. Přetáhněte ovládací prvek Button z panelu nástrojů do formuláře. Umístěte ho do pravého dolního rohu formuláře.

  9. Změňte hodnotu vlastnosti Button ovládacího prvku AutoSize na true.

  10. Nastavte vlastnost Button ovládacího prvku Anchor na Right, Bottom.

  11. Vlastnost Button ovládacího prvku Text změňte na "Toto tlačítko má dlouhý řetězec pro vlastnost Text."

Po potvrzení změny se ovládací prvek Button změní směrem k levé straně. Obecně platí, že automatická změna velikosti zvětší velikost ovládacího prvku v opačném směru než hodnota jeho vlastnosti Anchor.

Vlastnosti AutoSize a AutoSizeMode

Některé ovládací prvky podporují vlastnost AutoSizeMode, která poskytuje jemněji odstupňovanou kontrolu nad chováním automatické velikosti ovládacího prvku.

Použijte vlastnost AutoSizeMode

  1. Přetáhněte ovládací prvek Panel z panelu nástrojů do formuláře.

  2. Nastavte hodnotu vlastnosti Panel ovládacího prvku AutoSize na true.

  3. Přetáhněte ovládací prvek Button z panelu nástrojů do ovládacího prvku Panel.

  4. Umístěte ovládací prvek Button poblíž pravého dolního rohu ovládacího prvku Panel.

  5. Vyberte ovládací prvek Panel a uchopte úchyt pro změnu velikosti vpravo dole. Změňte velikost ovládacího prvku Panel tak, aby byl větší a menší.

    Poznámka:

    Velikost ovládacího prvku Panel můžete volně změnit, ale nemůžete ho zmenšit, než je umístění pravého dolního rohu ovládacího prvku Button. Toto chování je určeno výchozí hodnotou vlastnosti AutoSizeMode, která je GrowOnly.

  6. Nastavte hodnotu vlastnosti Panel ovládacího prvku AutoSizeMode na GrowAndShrink.

    Ovládací prvek Panel se přizpůsobuje a obklopuje ovládací prvek Button. Velikost ovládacího prvku Panel nelze změnit.

  7. Přetáhněte ovládací prvek Button směrem k levému hornímu rohu ovládacího prvku Panel.

    Ovládací prvek Panel se přizpůsobí novému umístění ovládacího prvku Button změnou velikosti.

Další kroky

Existuje mnoho dalších funkcí rozložení pro uspořádání ovládacích prvků v aplikacích Windows Forms. Tady je několik kombinací, které můžete vyzkoušet:

Viz také

  • Last updated on