通过在窗体上排列控件,可以创建一个多窗格用户界面,该用户界面类似于在 Outlook Microsoft 中使用的用户界面,其中包含 文件夹 列表、 邮件 窗格和 预览 窗格。 这种安排主要通过与表单的对接控件来实现。
当您停靠一个控件时,您可以确定该控件附着在父容器的哪个边缘。 如果将属性Right设置为Dock,则控件的右边缘将停靠在其父控件的右边缘。 此外,调整控件停靠边缘的大小,使其与容器控件的边缘相匹配。 有关属性工作原理 Dock 的详细信息,请参阅 How to: Dock Controls on Windows Forms。
此过程的重点是安排窗体上的 SplitContainer 和其他控件,而不是添加功能来使应用程序模拟 Microsoft Outlook。
若要创建此用户界面,请将所有控件置于控件中 SplitContainer 。 该 SplitContainer
控件包含在 TreeView 左侧面板和右侧面板上的另一个 SplitContainer
控件。 第二个 SplitContainer
的顶部包含 ListView 控件,底部包含 RichTextBox 控件。
这些 SplitContainer 控件允许对窗体上的其他控件进行独立的调整大小。 可以调整此过程中的技术,以创建自己的自定义用户界面。
控件布局
下表描述了控件如何配置以模仿 Microsoft Outlook。
控制 | 资产 | 价值 |
---|---|---|
SplitContainer | 名称 | splitContainer1 |
码头 | Fill |
|
TabIndex | 4 |
|
分隔条宽度 | 4 |
|
分隔器距离 | 100 |
|
Panel1.Controls | 将 treeView1 控件添加到此面板。 |
|
Panel2.控件 | 将 splitContainer2 控件添加到此面板。 |
|
树状视图 | 名称 | treeView1 |
码头 | Fill |
|
TabIndex | 0 |
|
节点 | 添加名为Node0 的新节点 |
|
SplitContainer | 名称 | splitContainer2 |
码头 | Fill |
|
TabIndex | 1 |
|
分隔宽度 | 4 |
|
分隔器距离 | 150 |
|
取向 | Horizontal |
|
Panel1 控件 | 将 listView1 控件添加到此面板。 |
|
Panel2.Controls | 将 richTextBox1 控件添加到此面板。 |
|
列表视图 | 名称 | listView1 |
码头 | Fill |
|
TabIndex | 2 |
|
物品 | 添加新项并将文本设置为 item1 。 |
|
RichTextBox | 名称 | richTextBox1 |
码头 | Fill |
|
TabIndex | 3 |
|
文本 | richTextBox1 |