C#WinForm利用flowLayoutPanel和button设计左侧菜单样式

简易的左侧菜单样式，无需重载控件等麻烦的事，简单明了。

首先，直接拉一个splitContainer把窗口分左右；

然后，在splitContainer1.Panel1，也就是左窗口中，拉一个flowLayoutPanel，右上角，选择停靠在父窗口，这样flowLayoutPanel就填满在左窗口中了。

最后，开始代码编写：

第一步，定义基础信息

/// <summary>
        /// 定义菜单Item默认和选中背景色
        /// </summary>
        private readonly Color menuBackColor = Color.FromArgb(200, 200, 169);
        private readonly Color menuMouserOverColor = Color.FromArgb(230, 206, 172);
        //定义button文字
        private readonly  string[] menuStr = { "人事管理", "设备管理", "文档管理", "邮件管理", "车辆管理", "基础信息" };

/// <summary>
        /// Form集合
        /// </summary>
        private Form[] menuForm ={
                                     new Form1(),
                                     new Form2(),
                                     new Form3(),
                                     new Form4(), 
                                     new Form5(), 
                                     new Form6() 
                                 }; 
        //字典存储菜单名
        private Dictionary<string, Form> menuDic = new Dictionary<string, Form>();

 

第二步，自动分配button和设计 样式

/// <summary>
        /// flowLayoutPanel和button设计菜单样式
        /// </summary>
        private void MenuList()
        {            
            for (int i = 0; i < menuStr.Length;i++ )
            {
                Button btn = new Button();
                btn.Text = menuStr[i];
　　　　　　　　　 menuDic.Add(menuStr[i],menuForm[i]);
                //btn样式
                btn.FlatStyle = FlatStyle.Flat;
                btn.FlatAppearance.MouseOverBackColor = menuMouserOverColor;                
                btn.FlatAppearance.BorderSize = 0;
                //btn宽、高
                btn.Width = flowLayoutPanel1.Width;
                btn.Height = 40;
                //设置button间的margin为0
                Padding pd = new Padding();
                pd.All = 0;
                btn.Margin = pd;
                //引用鼠标点击事件
                btn.MouseClick += new MouseEventHandler(btn_OnClick);
                //填充到flowLayoutPanel
                flowLayoutPanel1.Controls.Add(btn);
                flowLayoutPanel1.BackColor = menuBackColor;
            }           
        }

第三步，定义鼠标onclick和Load中加载事

        private void btn_OnClick(object sender, MouseEventArgs e)
        {
            Button bt = sender as Button;            
            Form menuForm = new Form();                                 
            foreach(var fm in menuDic)
            {
                if (bt.Text.Equals(fm.Key))
                {                                                        
                    menuForm = fm.Value;                    
                }
            }
            //打开控件前，要清空Panel2 
            splitContainer1.Panel2.Controls.Clear();                     
            ShowPannel(menuForm);          
        }
        /// <summary>
        /// 窗体显示
        /// </summary>
        /// <param name="fr"></param>
        void ShowPannel(Form fr)
        {
            fr.TopLevel = false;
            fr.FormBorderStyle = FormBorderStyle.None;
            fr.Dock = System.Windows.Forms.DockStyle.Fill;
            splitContainer1.Panel2.Controls.Add(fr);
            fr.Show();
        }
        private void MainForm_Load(object sender, EventArgs e)
        {
            MenuList();
        }

 

简单的导航菜单，就完成了，看下效果图：