Sdílet prostřednictvím

Postupy: Vytvoření uživatelského rozhraní s více podokny pomocí modelu Windows Forms 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žky , 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 vlastnost Dock na Right, pravý okraj ovládacího prvku se ukotví na pravý okraj jeho nadřazeného ovládacího prvku. Kromě toho je ukotvený okraj ovládacího prvku zvětšen tak, aby odpovídal okraji kontejnerového ovládacího prvku. Další informace o tom, jak Dock vlastnost funguje, naleznete v tématu Postupy: Ukotvení ovládacích prvků ve Windows Forms.

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

Chcete-li vytvořit toto uživatelské rozhraní, umístíte všechny ovládací prvky do ovládacího prvku SplitContainer, který obsahuje ovládací prvek TreeView na levém panelu. Pravý panel ovládacího prvku SplitContainer obsahuje druhý ovládací prvek SplitContainer s ovládacím prvkem ListView nad ovládacím prvkem RichTextBox. 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 Visual Basic>Klasická pracovní plocha>Windows Forms aplikace).

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

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

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

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

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

    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 prvcích SplitContainer, 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 ovládacího prvku TreeView a ListView ovládacích prvků k určitému druhu zdroje dat. Další informace o připojování ovládacích prvků k datům naleznete v tématu Datové vazby a Windows Forms.

Viz také