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

在以下过程中,你将创建一个多窗格用户界面,它类似于 Microsoft Outlook 中使用的用户界面,其中包含“文件夹”列表、“消息”窗格和“预览”窗格。 这种排列主要通过将控件停靠在窗体上来实现。

停靠控件时,可确定控件固定到父容器的哪个边缘。 因而,如果将 Dock 属性设置为 Right,则控件的右边缘将停靠在其父控件的右边缘。 此外,调整控件的停靠边缘的大小以匹配其容器控件的大小。 有关 Dock 属性如何工作的详细信息,请参阅如何:在 Windows 窗体上停靠控件

此过程侧重于对 SplitContainer 和表单上的其他控件进行排列,而不是添加功能以使应用程序模拟 Microsoft Outlook。

若要创建此用户界面,请将所有控件置于 SplitContainer 控件中,该控件在左侧面板中包含 TreeView 控件。 SplitContainer 控件的右侧面板包含另一个 SplitContainer 控件,并且 RichTextBox 控件上方有一个 ListView 控件。 这些 SplitContainer 控件可实现窗体上其他控件的独立大小调整。 你可以调整此过程中的技术来制作自己的自定义用户界面。

在设计时创建 Outlook 样式用户界面

  1. 创建一个新的 Windows 应用程序项目(“文件”>“新建”>“项目”>Visual C#”或“Visual Basic”>“经典桌面”>“Windows 窗体应用程序”)

  2. 从“工具箱”将 SplitContainer 控件拖动到窗体上。 在“属性” 窗口中,将 Dock 属性设置为 Fill

  3. TreeView 控件从“工具箱”拖动到 SplitContainer 控件的左侧面板中。 在“属性”窗口中,通过在单击向下箭头时显示的值编辑器中单击左侧面板,将 Dock 属性设置为 Left

  4. 从“工具箱”拖动另一个 SplitContainer 控件;将它置于添加到窗体的 SplitContainer 控件的右侧面板中。 在“属性”窗口中,将 Dock 属性设置为 Fill,并将 Orientation 属性设置为 Horizontal

  5. ListView 控件从“工具箱”拖动到添加到窗体的第二个 SplitContainer 控件的上面板。 将 Dock 控件的 ListView 属性设置为 Fill

  6. RichTextBox 控件从“工具箱”拖动到第二个 SplitContainer 控件的下面板。 将 Dock 控件的 RichTextBox 属性设置为 Fill

    此时,如果按 F5 运行应用程序,则窗体会显示一个三部分用户界面(类似于 Microsoft Outlook)。

    注意

    将鼠标指针放在 SplitContainer 控件中的任一拆分器上时,可以重设内部尺寸大小。

此时,在应用程序开发中,你已制作了一个复杂的用户界面。 下一步是继续对应用程序本身进行编程,也许是通过将 TreeView 控件和 ListView 控件连接到某种数据源。 有关将控件连接到数据的详细信息,请参阅数据绑定和 Windows 窗体

另请参阅