C#winform实现通过点击Button来切换不同的界面

C#winform实现通过点击Button来切换不同的界面

实现目标：点击左边菜单栏里面的Button实现右边区域切换不同界面。

步骤：

1.界面布局

由于实现目标需要用到容器控件，所以需要选择合适的容器控件来进行左右区域布局。常用的容器控件有：Panel，FlowLayoutPanel，GroupBox，TabControl，SplitContainer，TableLayoutPanel，ToolStripContainer。

• Panel。面板，提供基本的容器功能，可以包含其他控件，并可以设置滚动条和边框样式。
• FlowLayoutPanel。流式布局面板，自动排列内容，适用于在水平或垂直方向排列控件。
• GroupBox。分组框，用于将相关控件组织在一起，并提供一个标题。
• TabControl。选项卡控件，允许创建带有多个选项卡（TabPages）的界面，每个选项卡相当于一个独立的容器。
• SplitContainer。分割容器，由两个面板和一个拆分条组成，可以拖动拆分条来调整两个面板的大小。
• TableLayoutPanel。表格布局容器，使用表格方式组织控件，适用于需要精确控制控件位置的场景。
• ToolStripContainer。工具条容器，包含ToolStrip和其他相关控件。

此实现目标选择 SplitContainer 控件来进行界面布局。

SplitContainer

SplitContainer控件是一个用于将页面拆分成两个大小可调整的区域的容器控件，中间有一个拆分条，通过拖动拆分条来调整左右或上下区域的大小。

属性：

• FixedPanel：指定在调整控件大小时，某个面板的宽度或高度保持不变。
• Dock：控件的停靠方式，默认值为Fill。
• IsSplitterFixed：指定拆分条是否固定，如果为true，则拆分条不能被拖动。
• Orientation：指定拆分器是水平的还是垂直的，可选值为Horizontal或Vertical。
• Panel1、Panel2：获取SplitContainer控件的两个面板。
• SplitterDistance：指定拆分条与左边或上边的距离，单位为像素。
• SplitterWidth：指定拆分条的宽度或高度，单位为像素。
• SplitterIncrement：指定拆分条移动时的增量，单位为像素。

先创建主界面命名为Form_main，然后在工具栏中选择SplitContainer控件拖入到主界面中，调整好SplitContainer左右区域大小后再从工具栏中向左边区域拖入多个Buttona按钮，右边区域留着放界面

界面效果

 主体界面完成后再分别创建子界面。在解决方案中新增多个不同的窗口，将子窗口的大小设置成与右边区域大小一致并设置子窗口的FormBorderStyle属性为None,命名好不同窗口窗口名称方便后面调用。

界面效果（其他界面类似）

 至此界面布局完成，这里在子窗口上添加了一个Lable控件用于区分不同的界面。

2.功能实现

主体界面和子界面完成接下来实现具体功能。

思路：

1.点击按钮创建对应的子窗口对象，并显示子窗口

2.关闭其他按钮创建的子窗口

代码展示：

1.首先需要实现其他界面关闭方法。

         /// <summary>
        /// 关闭其他窗口
        /// </summary>
        private void CloseOtherForms()
        {
            // 获取当前打开的所有窗体
            Form[] openForms = Application.OpenForms.Cast<Form>().ToArray();
            foreach (Form form in openForms)
            {
                // 关闭除主窗体以外的其他窗体
                if (form.Name != "Form_main")
                {
                    form.Close();
                }
                //MessageBox.Show(form.Name);
            }
        }

 

2.实现子窗体加载方法来加载不同的界面，通过form参数加载指定的窗口 

　/// <summary>
        /// 子窗体加载
        /// </summary>
        /// <param name="form">子窗口对象</param>
        private void openPage(Form form)
        {
            CloseOtherForms();
            form.Dock = System.Windows.Forms.DockStyle.Fill;//设置Dock为Fill使子窗体占满splitContainer1.Panel2
            form.TopLevel = false;////设置为非顶级控件，否则无法添加
            form.Show();
            splitContainer1.Panel2.Controls.Clear();//清除splitContainer1.Panel2内容
            splitContainer1.Panel2.Controls.Add(form);//将frmHome添加到splitContainer1.Panel2中
        }

 

3.实现对应按钮点击事件（其他按钮类似）

        /// <summary>
        /// 员工管理按钮事件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void btn_employeeMan_Click(object sender, EventArgs e)
        {
            Form_EmployeeMan form = new Form_EmployeeMan();
            openPage(form);
        }    

 

最终效果：