如何:使用设计器用 Windows 窗体创建多窗格用户界面
在以下过程中,你将创建一个多窗格用户界面,它类似于 Microsoft Outlook 中使用的用户界面,其中包含“文件夹”列表、“消息”窗格和“预览”窗格。 这种排列主要通过将控件停靠在窗体上来实现。
停靠控件时,可确定控件固定到父容器的哪个边缘。 因而,如果将 Dock 属性设置为 Right,则控件的右边缘将停靠在其父控件的右边缘。 此外,调整控件的停靠边缘的大小以匹配其容器控件的大小。 有关 Dock 属性如何工作的详细信息,请参阅如何:在 Windows 窗体上停靠控件。
此过程侧重于对 SplitContainer 和表单上的其他控件进行排列,而不是添加功能以使应用程序模拟 Microsoft Outlook。
若要创建此用户界面,请将所有控件置于 SplitContainer 控件中,该控件在左侧面板中包含 TreeView 控件。 SplitContainer 控件的右侧面板包含另一个 SplitContainer 控件,并且 RichTextBox 控件上方有一个 ListView 控件。 这些 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 窗体。