Sdílet prostřednictvím

Postupy: Vytváření uživatelského rozhraní s více podokny s formuláři Windows pomocí Návrháře

  • Článek

V následujícím postupu vytvoříte uživatelské rozhraní s více podokny, které se podobá uživatelskému rozhraní používanému v Aplikaci Microsoft Outlook, se seznamem složek , podoknem Zprávy a podoknem Náhled . Toto uspořádání se dosahuje hlavně prostřednictvím dokovacích ovládacích prvků s formulářem.

Když ukotvíte ovládací prvek, určíte, ke kterému okraji nadřazeného kontejneru se ovládací prvek připojí. Pokud tedy nastavíte Dock vlastnost na Right, pravý okraj ovládacího prvku se ukotví na pravý okraj jeho nadřazeného ovládacího prvku. Kromě toho se ukotvený okraj ovládacího prvku změní tak, aby odpovídal okraji jeho ovládacího prvku kontejneru. Další informace o tom, jak Dock vlastnost funguje, naleznete v tématu Postupy: Ukotvení ovládacích prvků na model Windows Forms.

Tento postup se zaměřuje na uspořádání SplitContainer ovládacích prvků a dalších ovládacích prvků ve formuláři, nikoli na přidávání funkcí, aby aplikace napodobuje Microsoft Outlook.

Chcete-li vytvořit toto uživatelské rozhraní, umístíte všechny ovládací prvky do SplitContainer ovládacího prvku, který obsahuje TreeView ovládací prvek na levém panelu. Pravý panel SplitContainer ovládacího prvku obsahuje druhý SplitContainer ovládací prvek s ovládacím ListView prvku nad ovládacím RichTextBox prvku. Tyto SplitContainer ovládací prvky umožňují nezávislou změnu velikosti ostatních ovládacích prvků ve formuláři. Techniky v tomto postupu můžete přizpůsobit tak, aby si vytvořily vlastní uživatelská rozhraní.

Vytvoření uživatelského rozhraní ve stylu Outlooku v době návrhu

  1. Vytvořte nový projekt aplikace systému Windows (Soubor>nový>projekt>Visual C# nebo Klasické desktopové aplikace> jazyka Visual Basic>model Windows Forms).

  2. SplitContainer Přetáhněte ovládací prvek ze sady nástrojů do formuláře. V okně Vlastnosti nastavte Dock vlastnost na Fillhodnotu .

  3. TreeView Přetáhněte ovládací prvek ze sady nástrojů na levý panel SplitContainer ovládacího prvku. V okně Vlastnosti nastavte Dock vlastnost Left kliknutím na levý panel v editoru hodnot zobrazeném po kliknutí na šipku dolů.

  4. Přetáhněte jiný SplitContainer ovládací prvek z panelu nástrojů. Umístěte ho do pravého panelu SplitContainer ovládacího prvku, který jste přidali do formuláře. V okně Vlastnosti nastavte Dock vlastnost na Fill hodnotu a Orientation vlastnost na Horizontalhodnotu .

  5. ListView Přetáhněte ovládací prvek ze sady nástrojů na horní panel druhého SplitContainer ovládacího prvku, který jste přidali do formuláře. Dock Nastavte vlastnost ListView ovládacího prvku na Fillhodnotu .

  6. RichTextBox Přetáhněte ovládací prvek ze sady nástrojů na dolní panel druhého SplitContainer ovládacího prvku. Dock Nastavte vlastnost RichTextBox ovládacího prvku na Fillhodnotu .

    Pokud aplikaci spustíte stisknutím klávesy F5, zobrazí se ve formuláři třídílné uživatelské rozhraní podobné aplikaci Microsoft Outlook.

    Poznámka:

    Když umístíte ukazatel myši na některý z rozdělovačů v ovládacích SplitContainer prvcích, můžete změnit velikost vnitřních dimenzí.

V tuto chvíli jste ve vývoji aplikací vytvořili sofistikované uživatelské rozhraní. Dalším krokem je pokračování v programování samotné aplikace, například propojením TreeView ovládacího prvku a ListView ovládacích prvků s nějakým druhem zdroje dat. Další informace o připojování ovládacích prvků k datům najdete v tématu Datové vazby a model Windows Forms.

Viz také