Sdílet prostřednictvím

Návod: Uspořádání obsahu WPF v modelu Windows Forms v době návrhu

  • Článek

V tomto článku se dozvíte, jak pomocí funkcí rozložení Windows Forms, jako jsou ukotvení a přichycení, uspořádat ovládací prvky Windows Presentation Foundation (WPF).

Požadavky

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

Vytvoření projektu

Otevřete Visual Studio a vytvořte nový projekt aplikace Windows Forms v jazyce Visual Basic nebo Visual C# s názvem ArrangeElementHost.

Poznámka

Při hostování obsahu WPF se podporují pouze projekty C# a Visual Basic.

Vytvoření ovládacího prvku WPF

Po přidání ovládacího prvku WPF do projektu ho můžete uspořádat ve formuláři.

  1. Přidejte do projektu nový WPF UserControl. Použijte výchozí název pro typ ovládacího prvku UserControl1.xaml. Další informace naleznete v tématu Návod: Vytvoření nového obsahu WPF ve Windows Forms v návrhovém režimu.

  2. V návrhovém zobrazení se ujistěte, že je vybraná UserControl1.

  3. V okně Vlastnosti nastavte hodnotu vlastností Width a Height na 200.

  4. Nastavte hodnotu vlastnosti Background na Blue.

  5. Sestavte projekt.

Hostování ovládacích prvků WPF na panelu rozložení

Ovládací prvky WPF můžete použít na panelech rozložení stejným způsobem jako jiné ovládací prvky Windows Forms.

  1. Otevřete Form1 v nástroji Windows Forms Designer.

  2. V panelu nástrojůpřetáhněte ovládací prvek TableLayoutPanel do formuláře.

  3. Na panelu inteligentních značek ovládacího prvku TableLayoutPanel vyberte Odebrat poslední řádek.

  4. Změňte velikost ovládacího prvku TableLayoutPanel na větší šířku a výšku.

  5. Vpanelu nástrojů poklikáním na vytvořte instanci v první buňce ovládacího prvku .

    Instance UserControl1 je hostována v novém ovládacím prvku ElementHost s názvem elementHost1.

  6. Vpanelu nástrojů poklikáním na vytvořte další instanci ve druhé buňce ovládacího prvku .

  7. V okně Osnova dokumentu vyberte tableLayoutPanel1.

  8. V okně Vlastnosti nastavte hodnotu vlastnosti Padding na 10, 10, 10, 10.

    Oba ovládací prvky ElementHost se změní tak, aby se vešly do nového rozložení.

Použijte přichytávací čáry k zarovnání ovládacích prvků WPF

Vodící linky umožňují snadné zarovnání ovládacích prvků na formuláři. Můžete použít vodítka přichycení (snaplines) k zarovnání ovládacích prvků WPF. Další informace viz Návod: Uspořádání ovládacích prvků ve Windows Forms pomocí vodicích linek.

  1. Ze panelu nástrojůpřetáhněte instanci UserControl1 do formuláře a umístěte ji do prostoru pod ovládací prvek TableLayoutPanel.

    Instance UserControl1 je hostována v novém ovládacím prvku ElementHost s názvem elementHost3.

  2. Pomocí vodicích linek zarovnejte levý okraj elementHost3 s levým okrajem ovládacího prvku TableLayoutPanel.

  3. Pomocí vodicích linek nastavte ovládací prvek elementHost3 na stejnou šířku jako ovládací prvek TableLayoutPanel.

  4. Posunujte elementHost3 směrem k ovládacímu prvku TableLayoutPanel, dokud se mezi ovládacími prvky nezobrazí středová křivka.

  5. V okně Vlastnosti nastavte hodnotu vlastnosti Margin na 20, 20, 20, 20.

  6. Přesuňte elementHost3 mimo ovládací prvek TableLayoutPanel, dokud se znovu nezobrazí středová křivka. Středová křivka teď označuje okraj 20.

  7. Přesuňte elementHost3 doprava, dokud se jeho levý okraj nezarovná s levým okrajem elementHost1.

  8. Změňte šířku elementHost3, dokud se jeho pravý okraj nerovná s pravým okrajem elementHost2.

Ukotvit a dokovat ovládací prvky WPF

Ovládací prvek WPF hostovaný ve formuláři má stejné chování ukotvení a dokování jako ostatní ovládací prvky Windows Forms.

  1. Vyberte elementHost1.

  2. V okně Vlastnosti nastavte vlastnost Anchor na Nahoře, Dole, Vlevo, Vpravo.

  3. Změňte velikost ovládacího prvku TableLayoutPanel na větší velikost.

    Ovládací prvek elementHost1 změní velikost, aby vyplnil buňku.

  4. Vyberte elementHost2.

  5. V okně Vlastnosti nastavte hodnotu vlastnosti Dock na Fill.

    Ovládací prvek elementHost2 změní velikost tak, aby vyplnil buňku.

  6. Vyberte ovládací prvek TableLayoutPanel.

  7. Nastavte hodnotu vlastnosti Dock na Top.

  8. Vyberte elementHost3.

  9. Nastavte hodnotu vlastnosti Dock na Fill.

    Ovládací prvek elementHost3 změní velikost tak, aby vyplnil zbývající místo ve formuláři.

  10. Změňte velikost formuláře.

    Všechny tři ovládací prvky ElementHost upravují velikost odpovídajícím způsobem.

    Další informace naleznete v tématu Postupy: Ukotvení a přichycení podřízených ovládacích prvků v ovládacím prvku TableLayoutPanel.

Viz také