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

效果

C# Winform SplitContainer组件创建侧边菜单_第1张图片

一,SplitContainer 基本操作

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

C# Winform SplitContainer组件创建侧边菜单_第2张图片

默认的界面如下

C# Winform SplitContainer组件创建侧边菜单_第3张图片

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

C# Winform SplitContainer组件创建侧边菜单_第4张图片

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

C# Winform SplitContainer组件创建侧边菜单_第5张图片

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

C# Winform SplitContainer组件创建侧边菜单_第6张图片

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

C# Winform SplitContainer组件创建侧边菜单_第7张图片

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

C# Winform SplitContainer组件创建侧边菜单_第8张图片我们给 Panel1 添加一个背景颜色,顺便添加三个按钮

C# Winform SplitContainer组件创建侧边菜单_第9张图片

C# Winform SplitContainer组件创建侧边菜单_第10张图片

二、实现侧边栏菜单效果

1.添加按钮对应的界面

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

C# Winform SplitContainer组件创建侧边菜单_第11张图片

将界面设置为无边框界面 

C# Winform SplitContainer组件创建侧边菜单_第12张图片

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();
        }
    }
}

这里代码写的比较随意,只供参考

运行后就可以看到,点击不同的按钮,就会切换到不同的界面

源码:点击下载

结束

如果这个帖子对你有用,欢迎 关注 + 点赞 + 留言,谢谢

end

你可能感兴趣的:(C#,Winform,c#)