在以下过程中,你将创建一个多窗格用户界面,该用户界面类似于在 Outlook Microsoft 中使用的用户界面,其中包含 文件夹 列表、 邮件 窗格和 预览 窗格。 这种安排主要通过与表单的对接控件来实现。
当您停靠一个控件时,您可以确定该控件附着在父容器的哪个边缘。 因此,如果将属性Right设置为Dock,控件的右边缘将停靠在其父控件的右边缘。 此外,调整控件停靠边缘的大小,使其与容器控件的边缘相匹配。 有关属性工作原理 Dock 的详细信息,请参阅 How to: Dock Controls on Windows Forms。
此过程的重点是安排窗体上的 SplitContainer 和其他控件,而不是添加功能来使应用程序模拟 Microsoft Outlook。
若要创建此用户界面,请将所有控件放在控件中 SplitContainer ,该控件包含左侧面板中的 TreeView 控件。 SplitContainer控件的右侧面板包含一个第二SplitContainer控件,ListView控件在RichTextBox控件之上。 这些 SplitContainer 控件允许对窗体上的其他控件进行独立的调整大小。 可以调整此过程中的技术,以创建自己的自定义用户界面。
在设计时创建 Outlook 样式用户界面
创建新的 Windows 应用程序项目(文件>新建>项目>Visual C# 或 Visual Basic>经典桌面>Windows 窗体应用程序)。
将 SplitContainer 控件从 工具箱 拖动到窗体。 在 属性 窗口中,将 Dock 属性设置为 Fill。
将 TreeView 控件从 工具箱 拖动到控件的 SplitContainer 左侧面板。 在“属性”窗口中,点击向下箭头时显示的值编辑器左侧面板,将Dock属性设置为Left。
从工具箱中拖出另一个SplitContainer控件,将其放在添加到窗体的SplitContainer控件右边的面板中。 在 “属性” 窗口中,将 Dock 属性 Fill 设置为 ,并将 Orientation 属性设置为 Horizontal.
将 ListView 控件从 工具箱 拖动到您在窗体中添加的第二个 SplitContainer 控件的上面板。 将 Dock 控件的属性 ListView 设置为 Fill。
将 RichTextBox 控件从 工具箱 拖动到第二个 SplitContainer 控件的下面板。 将 Dock 控件的属性 RichTextBox 设置为 Fill。
此时,如果按 F5 运行应用程序,窗体将显示一个三部分的用户界面,类似于 Microsoft Outlook 的用户界面。
注释
将鼠标指针放在 SplitContainer 控件中的任一分隔条上时,可以调整内部尺寸。
此时,在应用程序开发中,你已经制作了一个复杂的用户界面。 下一步是通过将 TreeView 控件和 ListView 控件连接到某种数据源来继续应用程序本身的编程。 有关将控件连接到数据的详细信息,请参阅 数据绑定和 Windows 窗体。