如何:使用 Windows 窗体创建多窗格用户界面

通过在窗体上排列控件,可以创建一个多窗格用户界面,该用户界面类似于在 Outlook Microsoft 中使用的用户界面,其中包含 文件夹 列表、 邮件 窗格和 预览 窗格。 这种安排主要通过与表单的对接控件来实现。

当您停靠一个控件时,您可以确定该控件附着在父容器的哪个边缘。 如果将属性Right设置为Dock,则控件的右边缘将停靠在其父控件的右边缘。 此外,调整控件停靠边缘的大小,使其与容器控件的边缘相匹配。 有关属性工作原理 Dock 的详细信息,请参阅 How to: Dock Controls on Windows Forms

此过程的重点是安排窗体上的 SplitContainer 和其他控件,而不是添加功能来使应用程序模拟 Microsoft Outlook。

一个设计为类似于 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

另请参阅