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

 

簡單的導航菜單，就完成了，看下效果圖：