WinForm 簡易仿360界面控件

由於常常要作一些一、2千行的小工具，WinForm自帶的TabCtrl又不美觀，因此想作成360的樣子，在網上找來找去，都只有散亂的代碼，沒有能夠通用的結構，因而本身寫了一個簡易的通用控件。

　　控件主要功能

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

• 支持Userctrl頁面切換

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

主要類型實現

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

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Drawing;
 4 using System.Text;
 5 using System.Windows.Forms;
 6 
 7 namespace _360UI
 8 {
 9     public class MyButton : RadioButton。。。
10     {
11         private bool _enter;
12         public Image img;//不能使用本來的背景圖片對象，本身的繪圖函數使用。。。
13         public string txt;//同上
14         public int Id;
15         public static Action<Graphics, Rectangle> HoverDraw;//自定義hover函數
16         public static Action<Graphics, Rectangle> CheckedDraw;//自定義選中繪圖函數
17         public static Color MaskColor = Color.FromArgb(135, 255, 255, 255);//選中顏色
18         public static Color MaskColorHover = Color.FromArgb(55, 255, 255, 255);//Hover顏色
19         public Action action;//自定義點擊操做響應函數
20 
21         public MyButton() : base()
22         {
23             AutoSize = false;
24             CheckAlign = ContentAlignment.MiddleCenter;
25         }
26         protected override void OnPaint(PaintEventArgs pevent)
27         {
28             base.OnPaint(pevent);
29             if (Checked)
30             {
31                 if (CheckedDraw != null)
32                     CheckedDraw(pevent.Graphics, this.ClientRectangle);
33                 else
34                 {
35                     pevent.Graphics.FillRectangle(new SolidBrush(MaskColor), ClientRectangle);     
36                 }
37             }
38             else
39             {
40                 if (_enter)
41                 {
42                     if (HoverDraw != null)
43                         HoverDraw(pevent.Graphics, ClientRectangle);
44                     else
45                         pevent.Graphics.FillRectangle(new SolidBrush(MaskColorHover), ClientRectangle);
46                 }
47             }
48             pevent.Graphics.DrawImage(img, 5, 15, Width - 10, Height - 40);
49             SizeF size = pevent.Graphics.MeasureString(txt, Font);
50             pevent.Graphics.DrawString(txt, Font, new SolidBrush(ForeColor), (Width - size.Width) / 2, Height-size.Height-3);
51         }
52 
53         protected override void OnMouseEnter(EventArgs eventargs)
54         {
55             base.OnMouseEnter(eventargs);
56             _enter = true;
57         }
58 
59         protected override void OnMouseLeave(EventArgs eventargs)
60         {
61             base.OnMouseLeave(eventargs);
62             _enter = false;
63         }
64 
65         protected override void OnClick(EventArgs e)
66         {
67             base.OnClick(e);
68             if (action != null)
69                 action();
70         }
71     }
72 }

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

 1 using System;
 2 using System.Collections.Generic;
 3 using System.ComponentModel;
 4 using System.Drawing;
 5 using System.Data;
 6 using System.Text;
 7 using System.Windows.Forms;
 8 using _360UI;
 9 
10 namespace _360UI  
11 {
12     public partial class UC_360UI: UserControl
13     {
14         private int maxID = 0;
15 
16         public UC_360UI()
17         {
18             InitializeComponent();
19         }
20 
21         private void UC_360UI_Load(object sender, EventArgs e)
22         {
23             BackColor = Color.Transparent;
24         }
25 　　　　//添加切換按鈕
26         public void AddButton(Image image,string text,UserControl ctrl)
27         {
28             MyButton myButton = new MyButton();
29             myButton.Id = maxID++;
30             myButton.img = image;
31             myButton.txt = text;
32             myButton.Height = ButtonPan.Height-6;
33             myButton.Width = 75;
34             myButton.CheckedChanged += myButton_CheckedChanged;
35             ButtonPan.Controls.Add(myButton);   
36 
37             CentenPan.Controls.Add(ctrl);
38             ctrl.BackColor = Color.Transparent;
39             ctrl.Visible = false;
40             ctrl.Dock = DockStyle.Fill;
41         }

42         public void AddButton(Image image, string text,Action action)
43         {
44             MyButton myButton = new MyButton();
45             myButton.Id = -1;
46             myButton.img = image;
47             myButton.txt = text;
48             myButton.Height = ButtonPan.Height - 6;
49             myButton.Width = 75;
50             myButton.action = action;
51             ButtonPan.Controls.Add(myButton);
52         }
53         public void SelectItem(int id)
54         {
55             MyButton but = (MyButton)ButtonPan.Controls[id];
56             but.Checked = true;
57         }
58         void myButton_CheckedChanged(object sender, EventArgs e)
59         {
60             MyButton button = sender as MyButton;
61             CentenPan.Controls[button.Id].Visible = button.Checked;
62         }
63     }
64 }

 

測試界面代碼

 1 using System;
 2 using System.Collections.Generic;
 3 using System.ComponentModel;
 4 using System.Data;
 5 using System.Drawing;
 6 using System.Reflection;
 7 using System.Text;
 8 using System.Windows.Forms;
 9 using _360UI;
10 
11 namespace WindowsFormsApplication1
12 {
13     public partial class Form1 : Form
14     {
15         public Form1()
16         {
17             InitializeComponent();
18             uC_360UI1.AddButton(Properties.Resources.f111, "測試", new UserControl1());
19             uC_360UI1.AddButton(Properties.Resources.f12, "測試2", new UserControl2());
20             uC_360UI1.AddButton(Properties.Resources.f12, "測試3", new UserControl1());
21             uC_360UI1.AddButton(Properties.Resources.f12, "測試4", new UserControl2());
22             uC_360UI1.AddButton(Properties.Resources.f111, "關於",new Action(Myfun));
23         }
24 
25         void Myfun()
26         {
27            MessageBox.Show("Hello");
28         }
29 
30         private void Form1_Load(object sender, EventArgs e)
31         {
32             uC_360UI1.SelectItem(0);
33 
34         }
35     }
36 }

說在最後

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

 

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