Jak na to: Vytvoření uživatelského rozhraní s více podokny pomocí Windows Forms
Uspořádáním ovládacích prvků ve formuláři můžete vytvořit uživatelské rozhraní s více podokny, které se podobá uživatelskému rozhraní používanému v Microsoft Outlooku, se seznamem složek , podoknem zpráv a podoknem náhledu . 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 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 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 funguje vlastnost Dock, viz téma 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.
SplitContainer
obsahuje ovládací prvek TreeView na levém panelu a další SplitContainer
na pravém panelu. Druhý SplitContainer
obsahuje ovládací prvek ListView nahoře a ovládací prvek RichTextBox dole.
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í.
Rozložení ovládacího prvku
Následující tabulka popisuje, jak se ovládací prvky konfigurují tak, aby napodobovaly Microsoft Outlook:
Řízení | Nemovitost | Hodnota |
---|---|---|
SplitContainer | Jméno | splitContainer1 |
Dok | Fill |
|
TabIndex | 4 |
|
SplitterWidth | 4 |
|
SplitterDistance | 100 |
|
Panel1.Controls | Na tento panel přidejte ovládací prvek treeView1 . |
|
Panel2.Ovládací prvky | Na tento panel přidejte ovládací prvek splitContainer2 . |
|
Stromové zobrazení | Jméno | treeView1 |
Dok | Fill |
|
TabIndex | 0 |
|
Uzly | Přidání nového uzlu s názvem Node0 |
|
Oddělovač kontejnerů | Jméno | splitContainer2 |
Přístaviště | Fill |
|
TabIndex | 1 |
|
Šířka rozdělovače | 4 |
|
Vzdálenost dělitele | 150 |
|
Orientace | Horizontal |
|
Panel1.Ovládací prvky | Na tento panel přidejte ovládací prvek listView1 . |
|
Panel2.Ovládací prvky | Na tento panel přidejte ovládací prvek richTextBox1 . |
|
Zobrazení seznamu | Jméno | listView1 |
Dok | Fill |
|
TabIndex | 2 |
|
Položky | Přidejte novou položku a nastavte text na item1 . |
|
RichTextBox | Jméno | richTextBox1 |
Přístavní molo | Fill |
|
TabIndex | 3 |
|
Text | richTextBox1 |
Viz také
.NET Desktop feedback