C#自定义控件—转换开关

C#用户控件之转换开关

如何自定义一个转换键（Toggle）？

三步绘制一个精美控件：

• 定义属性；
  
• 画布重绘；
  
• 添加事件；
  

主要技能：

• 如何自定义属性；
  
• 画布重绘的一般格式；
  
• 控件的事件触发过程；
  
• 技能扩展
  
  
  • 转换按钮使能时添加二次确认弹框？
    
  • 在From窗体中应用控件时，点击事件没有触发？
    
  • 属性名称在控件属性树中的排列如何定义？
    
  • 添加一个字体更改属性？
    
  
  

1.定义属性

• 字体（Font）
  
• 颜色（Color）
  
• 字符串（String）
  
• 枚举（Enum）
  
• 属性说明 [Browsable(true)]
  

1. #region 属性
3. private Font displayFont = new Font("Segoe UI", 12);
4. [Browsable(true)]
5. [Category("布局_G")]
6. [Description("字体格式")]
7. public Font DisplayFont
8. {
9.     get { return displayFont; }
10.     set
11.     {
12.         if (value != null)
13.         {
14.             displayFont = value;
15.             this.Invalidate(); // Trigger redraw
16.         }
17.     }
18. }
20. private bool _checked = false;
21. [Browsable(true)]  //说明（需放在属性前边）：是否选中
22. [Category("布局_G")]
23. [Description("是否选中")]
24. public bool Checked
25. {
26.     get { return _checked; }
27.     set
28.     {
29.         _checked = value;
30.         this.Invalidate();
32.         //激活触发事件
33.         this.MouseDown_G?.Invoke(this, null);
35.     }
36. }
38. private string falseText = "关闭";
39. [Browsable(true)]  //说明：文本关闭
40. [Category("布局_G")]
41. [Description("文本关闭")]
42. public string FalseText
43. {
44.     get { return falseText; }
45.     set { falseText = value; this.Invalidate(); }
46. }
48. //样式切换
49. public enum SwType
50. {
51.     Ellipse,    //椭圆
52.     Rectangle,  //矩形
53. }
55. private SwType switchType = SwType.Ellipse;
56. [Browsable(true)]  //说明：切换样式
57. [Category("布局_G")]
58. [Description("切换样式")]
59. public SwType SwitchType
60. {
61.     get { return switchType; }
62.     set { switchType = value; this.Invalidate(); }
63. }
65. private Color sliderColor = Color.White; //Color.White
66. [Browsable(true)]  //说明：滑块颜色
67. [Category("布局_G")]
68. [Description("滑块颜色")]
69. public Color SliderColor
70. {
71.     get { return sliderColor; }
72.     set { sliderColor = value; this.Invalidate(); }
73. }
75. #endregion

复制代码

属性名称在控件属性树中的排列如何定义？
答：根据属性说明安装A~Z的字母顺序排列
2.画布重绘

• 画带四角圆弧的矩形、滑块、文本；
  
• 画椭圆、滑块、文本
  

1.       #region 画布
3.       private Graphics graphics;
4.       private int width;
5.       private int height;
7.       //矩形绘制
8.       protected override void OnPaint(PaintEventArgs e)
9.       {
10.           base.OnPaint(e);
11.           graphics = e.Graphics;
12.           graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
13.           graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.ClearTypeGridFit;
14.           graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;
15.           graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
17.           this.width = this.Width;
18.           this.height = this.Height;
20.           if (this.switchType == SwType.Rectangle)  //字段选择为矩形时
21.           {
22.               //填充色
23.               Color fillColor = this._checked ? trueColor : falseColor;
25.               //带四角圆弧的矩形
26.               GraphicsPath path = new GraphicsPath();
27.               int diameter = 10;  //默认圆弧直径
28.               //左上角圆弧：起始坐标，宽，高，开始角度，扫描角度
29.               path.AddArc(0, 0, diameter, diameter, 180f, 90f);
30.               path.AddArc(this.width - diameter, 0, diameter, diameter, 270f, 90f);  //右上角
31.               path.AddArc(this.width - diameter, this.height - diameter, diameter, diameter, 0f, 90f);  //右下角
32.               path.AddArc(0, this.height - diameter, diameter, diameter, 90f, 90f);  //左下角
33.               graphics.FillPath(new SolidBrush(fillColor), path);  //填充色
35.               //文本
36.               string strText = this._checked ? trueText : falseText;
38.               //滑块(true\false 两种形态)
39.               if (_checked)
40.               {
41.                   //绘制滑块
42.                   path = new GraphicsPath();
43.                   int sliderwidth = this.height - 4;
44.                   path.AddArc(this.width - sliderwidth - 2, 2, diameter, diameter, 180f, 90f);
45.                   path.AddArc(this.width - diameter - 2, 2, diameter, diameter, 270f, 90f);
46.                   path.AddArc(this.width - diameter - 2, this.height - diameter - 2, diameter, diameter, 0f, 90f);
47.                   path.AddArc(this.width - sliderwidth - 2, this.height - diameter - 2, diameter, diameter, 90f, 90f);
48.                   graphics.FillPath(new SolidBrush(sliderColor), path);
50.                   //绘制文本
51.                   Rectangle rec = new Rectangle(0, 0, this.width - sliderwidth - 2, this.height);
52.                   StringFormat sf = new StringFormat();
53.                   sf.Alignment = StringAlignment.Center;
54.                   sf.LineAlignment = StringAlignment.Center;
56.                   graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
58.               }
59.               else
60.               {
61.                   //绘制滑块
62.                   path = new GraphicsPath();
63.                   int sliderwidth = this.height - 4;
64.                   path.AddArc(2, 2, diameter, diameter, 180f, 90f);
65.                   path.AddArc(sliderwidth - diameter + 2, 2, diameter, diameter, 270f, 90f);
66.                   path.AddArc(sliderwidth - diameter + 2, sliderwidth - diameter + 2, diameter, diameter, 0f, 90f);
67.                   path.AddArc(2, sliderwidth - diameter + 2, diameter, diameter, 90f, 90f);
68.                   graphics.FillPath(new SolidBrush(sliderColor), path);
70.                   //绘制文本
71.                   Rectangle rec = new Rectangle(sliderwidth + 2, 0, this.width - sliderwidth - 2, this.height);
72.                   StringFormat sf = new StringFormat();
73.                   sf.Alignment = StringAlignment.Center;
74.                   sf.LineAlignment = StringAlignment.Center;
75.                   graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
76.               }
77.           }
78.           else if (this.switchType == SwType.Ellipse)  //字段选择为椭圆时
79.           {
80.               //填充色
81.               Color fillColor = this._checked ? trueColor : falseColor;
83.               //椭圆形
84.               GraphicsPath path = new GraphicsPath();
86.               path.AddArc(1, 1, this.height - 2, this.height - 2, 90f, 180f);
87.               path.AddArc(this.width - (this.height - 2) - 1, 1, this.height - 2, this.height - 2, 270f, 180f);
88.               graphics.FillPath(new SolidBrush(fillColor), path);  //填充色
90.               //文本
91.               string strText = this._checked ? TrueText : falseText;
93.               //滑块(true\false 两种形态)
94.               if (_checked)
95.               {
96.                   //绘制滑块
97.                   int ciclewidth = this.height - 6;
98.                   graphics.FillEllipse(new SolidBrush(sliderColor), new Rectangle(this.width - ciclewidth - 3, 3, ciclewidth, ciclewidth));
100.                   //绘制文本
101.                   Rectangle rec = new Rectangle(0, 0, this.width - ciclewidth - 3, this.height);
102.                   StringFormat sf = new StringFormat();
103.                   sf.Alignment = StringAlignment.Center;
104.                   sf.LineAlignment = StringAlignment.Center;
105.                   graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
106.               }
107.               else
108.               {
109.                   //绘制滑块
110.                   int ciclewidth = this.height - 6;
112.                   graphics.FillEllipse(new SolidBrush(sliderColor), new Rectangle(3, 3, ciclewidth, ciclewidth));
114.                   //绘制文本
115.                   Rectangle rec = new Rectangle(ciclewidth + 3, 0, this.width - ciclewidth - 3, this.height);
116.                   StringFormat sf = new StringFormat();
117.                   sf.Alignment = StringAlignment.Center;
118.                   sf.LineAlignment = StringAlignment.Center;
119.                   graphics.DrawString(strText, DisplayFont, new SolidBrush(sliderColor), rec, sf);
120.               }
121.           }
122.       }
124.       #endregion

复制代码

3.添加事件

理解 ：在From中控件的鼠标点击事件的实行过程

先实行控件内部的MouseDown方法——其方法内部的属性——其属性中的触发事件——最后实行From后台的点击生成的自定义方法（可自定义）
其他技巧： 应用控件时拉出来双击即可生成自定义方法

。

1. //指定默认事件（双击控件进入）
2. [DefaultEvent("MouseDown_G")]

复制代码

关键代码：点击控件弹出框确认后再实行From的事件中的代码

//事件声明  public event EventHandler MouseDown_G;
//激活事件 this.MouseDown_G?.Invoke(this, null);  ——实行完成跳转到From中的双击事件方法中

1. //构造函数添加鼠标点击事件——点击控件事件处理
2. this.MouseDown += Toggle_MouseDown;

复制代码

1. //构造函数添加事件处理后自动生成此方法（无需在控件的属性中双击）
2. private void Toggle_MouseDown(object sender, MouseEventArgs e)
3.   {
4.       DialogResult dr = MessageBox.Show("二次确认操作？", "提示您", MessageBoxButtons.OKCancel, MessageBoxIcon.Question);
5.       if (dr == DialogResult.OK)
6.       {
7.           Checked = !Checked;
8.       }
9.       else return;
10.   }

复制代码

发现一个错误，当应用该控件时，在From中点击无效；经过两天的查询（断点查询）才发现题目所在，在Form的设计器中的From属性的Enable为False，改为true才可使能
原因：控件更新后没有及时生成导致From崩盘后（空窗口后没在意），导致Designer的默认代码更改。
End

讨论交换请留言

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。