WinForm 簡易仿360界面控件

因為經常要做一些1、2千行的小工具，WinForm自帶的TabCtrl又不美觀，所以想做成360的樣子，在網上找來找去，都只有散亂的代碼，沒有可以通用的結構，於是自己寫了一個簡易的通用控件。

　　控件主要功能

添加按鈕和對應的Userctrl頁面，或者相應的Action函數；整個控件是透明背景，窗體的背景將被作為整體背景，即支持類似換膚功能；可自定義按鈕的遮罩繪制函數。

• 支持Userctrl頁面切換

• 支持Action（無參數無返回值）委托

主要類型實現

• 切換按鈕派生自RatioButton，因為已經實現了按鈕單選功能。自定義的繪制函數功能是發博文前，為了功能齊全臨時添加的，所以沒有來得及詳細測試，如有問題，請聯系我或者自行修復。。。請不要在意變量名稱和屬性的混亂。。。

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Text;
using System.Windows.Forms;

namespace _360UI
{
    public class MyButton : RadioButton。。。
    {
        private bool _enter;
        public Image img;//不能使用原本的背景圖片對象，自己的繪圖函數使用。。。
        public string txt;//同上
        public int Id;
        public static Action<Graphics, Rectangle> HoverDraw;//自定義hover函數
        public static Action<Graphics, Rectangle> CheckedDraw;//自定義選中繪圖函數
        public static Color MaskColor = Color.FromArgb(135, 255, 255, 255);//選中顏色
        public static Color MaskColorHover = Color.FromArgb(55, 255, 255, 255);//Hover顏色
        public Action action;//自定義點擊操作響應函數

        public MyButton() : base()
        {
            AutoSize = false;
            CheckAlign = ContentAlignment.MiddleCenter;
        }
        protected override void OnPaint(PaintEventArgs pevent)
        {
            base.OnPaint(pevent);
            if (Checked)
            {
                if (CheckedDraw != null)
                    CheckedDraw(pevent.Graphics, this.ClientRectangle);
                else
                {
                    pevent.Graphics.FillRectangle(new SolidBrush(MaskColor), ClientRectangle);     
                }
            }
            else
            {
                if (_enter)
                {
                    if (HoverDraw != null)
                        HoverDraw(pevent.Graphics, ClientRectangle);
                    else
                        pevent.Graphics.FillRectangle(new SolidBrush(MaskColorHover), ClientRectangle);
                }
            }
            pevent.Graphics.DrawImage(img, 5, 15, Width - 10, Height - 40);
            SizeF size = pevent.Graphics.MeasureString(txt, Font);
            pevent.Graphics.DrawString(txt, Font, new SolidBrush(ForeColor), (Width - size.Width) / 2, Height-size.Height-3);
        }

        protected override void OnMouseEnter(EventArgs eventargs)
        {
            base.OnMouseEnter(eventargs);
            _enter = true;
        }

        protected override void OnMouseLeave(EventArgs eventargs)
        {
            base.OnMouseLeave(eventargs);
            _enter = false;
        }

        protected override void OnClick(EventArgs e)
        {
            base.OnClick(e);
            if (action != null)
                action();
        }
    }
}

• 容器面板UI類：由FlowLayoutPanel和Panel構成的UserControl。FlowLayoutPanel保存切換按鈕。

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Text;
using System.Windows.Forms;
using _360UI;

namespace _360UI  
{
    public partial class UC_360UI: UserControl
    {
        private int maxID = 0;

        public UC_360UI()
        {
            InitializeComponent();
        }

        private void UC_360UI_Load(object sender, EventArgs e)
        {
            BackColor = Color.Transparent;
        }
　　　　//添加切換按鈕
        public void AddButton(Image image,string text,UserControl ctrl)
        {
            MyButton myButton = new MyButton();
            myButton.Id = maxID++;
            myButton.img = image;
            myButton.txt = text;
            myButton.Height = ButtonPan.Height-6;
            myButton.Width = 75;
            myButton.CheckedChanged += myButton_CheckedChanged;
            ButtonPan.Controls.Add(myButton);   

            CentenPan.Controls.Add(ctrl);
            ctrl.BackColor = Color.Transparent;
            ctrl.Visible = false;
            ctrl.Dock = DockStyle.Fill;
        }

        public void AddButton(Image image, string text,Action action)
        {
            MyButton myButton = new MyButton();
            myButton.Id = -1;
            myButton.img = image;
            myButton.txt = text;
            myButton.Height = ButtonPan.Height - 6;
            myButton.Width = 75;
            myButton.action = action;
            ButtonPan.Controls.Add(myButton);
        }
        public void SelectItem(int id)
        {
            MyButton but = (MyButton)ButtonPan.Controls[id];
            but.Checked = true;
        }
        void myButton_CheckedChanged(object sender, EventArgs e)
        {
            MyButton button = sender as MyButton;
            CentenPan.Controls[button.Id].Visible = button.Checked;
        }
    }
}

 

測試界面代碼

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Reflection;
using System.Text;
using System.Windows.Forms;
using _360UI;

namespace WindowsFormsApplication1
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            uC_360UI1.AddButton(Properties.Resources.f111, "測試", new UserControl1());
            uC_360UI1.AddButton(Properties.Resources.f12, "測試2", new UserControl2());
            uC_360UI1.AddButton(Properties.Resources.f12, "測試3", new UserControl1());
            uC_360UI1.AddButton(Properties.Resources.f12, "測試4", new UserControl2());
            uC_360UI1.AddButton(Properties.Resources.f111, "關於",new Action(Myfun));
        }

        void Myfun()
        {
           MessageBox.Show("Hello");
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            uC_360UI1.SelectItem(0);

        }
    }
}

說在最后

至此為止，一個簡易的通用仿360界面控件就完成了，雖然代碼量不多（喜歡短小的男人o(╯□╰)o），盡可能的添加了實用的功能，如果使用中遇到問題，請自行修復或者聯系我。。。如果您覺得還不錯，請點個贊或者留個言，算是對作者（笑）的一種鼓勵和支持，謝謝，ヾ(￣▽￣)Bye~Bye~。。。

 

 好吧，WINFORM已死，我知道。。。