C# Winform SplitContainer组件创建侧边菜单

爱编程的鼠鼠 2024-01-29 09:22:57

效果

一，SplitContainer 基本操作

新建一个 Winform 项目，在Form1中拖进一个 SplitContainer 组件

默认的界面如下

这时候，你会发现，左侧菜单栏的宽度也太宽了吧，按照以前的经验，你一定会用鼠标去拖拽，这时候你就会发现，鼠标根本拖不动，不信你可以试试

这时候，我们按Esc键，鼠标再移动到边框的时候，鼠标图标就会变成一个 “+” 状的图标，这时候就可以拖拽了

此时，左侧的Panel1内还没有任何组件，运行后的效果

我们添加一个按钮到 Panel1 试试

运行后发现，Panel1原来是有边框的，现在一片空白

我们给 Panel1 添加一个背景颜色，顺便添加三个按钮

二、实现侧边栏菜单效果

1.添加按钮对应的界面

新建三个界面，界面中随便加点组件

将界面设置为无边框界面

2.按钮点击事件

现在给三个按钮添加点击事件，Form1代码如下

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Test1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        Panel1 panel1 = new Panel1();
        Panel2 panel2 = new Panel2();
        Panel3 panel3 = new Panel3();


        private void Form1_Load(object sender, EventArgs e)
        {
            this.IsMdiContainer = true;

            button1_Click(null, null);
        }

        private void button1_Click(object sender, EventArgs e)
        {
            panel2.Hide();
            panel3.Hide();

            panel1.MdiParent = this;
            panel1.Parent = splitContainer1.Panel2;
            panel1.Show();
        }

        private void button2_Click(object sender, EventArgs e)
        {
            panel1.Hide();
            panel3.Hide();

            panel2.MdiParent = this;
            panel2.Parent = splitContainer1.Panel2;
            panel2.Show();
        }

        private void button3_Click(object sender, EventArgs e)
        {
            panel1.Hide();
            panel2.Hide();

            panel3.MdiParent = this;
            panel3.Parent = splitContainer1.Panel2;
            panel3.Show();
        }
    }
}