如何:使用设计器用 Windows 窗体创建多窗格用户界面
更新:2007 年 11 月
在下面的过程中,将创建一个类似于在 Microsoft Outlook 中使用的多窗格用户界面,该界面中包含“文件夹列表”、“邮件”窗格和“预览”窗格。这种排列主要是通过在窗体上停靠控件实现的。
在停靠控件时,可以确定控件要紧靠父容器的哪个边缘。这样,如果将 Dock 属性设置为 Right,控件的右边缘将停靠在它的父控件的右边缘。此外,控件停靠边缘的大小将调整为与它的容器控件的大小匹配。有关 Dock 属性工作方式的更多信息,请参见 如何:在 Windows 窗体上停靠控件。
该过程的重点是在窗体上排列 SplitContainer 和其他控件,而不是添加功能以使得应用程序类似于 Microsoft Outlook。
若要创建该用户界面,请将所有控件放到 SplitContainer 控件(其左侧面板中包含 TreeView 控件)中。SplitContainer 控件的右侧面板中包含另一个 SplitContainer 控件,其中 ListView 控件在 RichTextBox 控件上方。这些 SplitContainer 控件支持在窗体上分别调整其他控件的大小。可以改编此过程中的方法,制作出您自己的自定义用户界面。
说明: |
---|
显示的对话框和菜单命令可能会与“帮助”中的描述不同,具体取决于您的当前设置或版本。若要更改设置,请在“工具”菜单上选择“导入和导出设置”。有关更多信息,请参见 Visual Studio 设置。 |
在设计时创建 Outlook 样式的用户界面
创建新的“Windows 应用程序”项目。有关详细信息,请参见如何:创建 Windows 应用程序项目。
从“工具箱”中将一个 SplitContainer 控件拖到窗体上。在“属性”窗口中,将 Dock 属性设置为 Fill。
将 TreeView 控件从“工具箱”拖到 SplitContainer 控件的左侧面板中。在“属性”窗口中,通过单击值编辑器(在单击向下键时显示)中的左侧面板将 Dock 属性设置为 Left。
从“工具箱”拖动另一个 SplitContainer 控件;然后将它放到窗体中添加的 SplitContainer 控件的右侧面板中。在“属性”窗口中,将 Dock 属性设置为 Fill,并将 Orientation 属性设置为 Horizontal。
将 ListView 控件从“工具箱”拖到窗体中添加的第二个 SplitContainer 控件的上方面板中。将 ListView 控件的 Dock 属性设置为 Fill。
将 RichTextBox 控件从“工具箱”拖到第二个 SplitContainer 控件的下方面板中。将 RichTextBox 控件的 Dock 属性设置为 Fill。
此时,如果按 F5 运行应用程序,窗体将显示由三部分组成的用户界面,这类似于 Microsoft Outlook 的用户界面。
说明: 将鼠标指针放在 SplitContainer 控件中的任一拆分器上时,可以调整内部尺寸的大小。
在应用程序开发中,此时已经设计了一个复杂的用户界面。下一步要做的就是应用程序本身的编程了(可能需要将 TreeView 控件和 ListView 控件连接到某种数据源)。有关将控件连接到数据的更多信息,请参见 数据绑定和 Windows 窗体。