翼度科技»论坛 编程开发 .net 查看内容

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

4

主题

4

帖子

12

积分

新手上路

Rank: 1

积分
12
C#用户控件之转换开关

如何自定义一个转换键(Toggle)?


三步绘制一个精美控件:

  • 定义属性;
  • 画布重绘;
  • 添加事件;
主要技能:

  • 如何自定义属性;
  • 画布重绘的一般格式;
  • 控件的事件触发过程;
  • 技能扩展

    • 转换按钮使能时添加二次确认弹框?
    • 在From窗体中应用控件时,点击事件没有触发?
    • 属性名称在控件属性树中的排列如何定义?
    • 添加一个字体更改属性?

1.定义属性


  • 字体(Font)
  • 颜色(Color)
  • 字符串(String)
  • 枚举(Enum)
  • 属性说明 [Browsable(true)]
  1. #region 属性
  2. private Font displayFont = new Font("Segoe UI", 12);
  3. [Browsable(true)]
  4. [Category("布局_G")]
  5. [Description("字体格式")]
  6. public Font DisplayFont
  7. {
  8.     get { return displayFont; }
  9.     set
  10.     {
  11.         if (value != null)
  12.         {
  13.             displayFont = value;
  14.             this.Invalidate(); // Trigger redraw
  15.         }
  16.     }
  17. }
  18. private bool _checked = false;
  19. [Browsable(true)]  //说明(需放在属性前边):是否选中
  20. [Category("布局_G")]
  21. [Description("是否选中")]
  22. public bool Checked
  23. {
  24.     get { return _checked; }
  25.     set
  26.     {
  27.         _checked = value;
  28.         this.Invalidate();
  29.         //激活触发事件
  30.         this.MouseDown_G?.Invoke(this, null);
  31.     }
  32. }
  33. private string falseText = "关闭";
  34. [Browsable(true)]  //说明:文本关闭
  35. [Category("布局_G")]
  36. [Description("文本关闭")]
  37. public string FalseText
  38. {
  39.     get { return falseText; }
  40.     set { falseText = value; this.Invalidate(); }
  41. }
  42. //样式切换
  43. public enum SwType
  44. {
  45.     Ellipse,    //椭圆
  46.     Rectangle,  //矩形
  47. }
  48. private SwType switchType = SwType.Ellipse;
  49. [Browsable(true)]  //说明:切换样式
  50. [Category("布局_G")]
  51. [Description("切换样式")]
  52. public SwType SwitchType
  53. {
  54.     get { return switchType; }
  55.     set { switchType = value; this.Invalidate(); }
  56. }
  57. private Color sliderColor = Color.White; //Color.White
  58. [Browsable(true)]  //说明:滑块颜色
  59. [Category("布局_G")]
  60. [Description("滑块颜色")]
  61. public Color SliderColor
  62. {
  63.     get { return sliderColor; }
  64.     set { sliderColor = value; this.Invalidate(); }
  65. }
  66. #endregion
复制代码
属性名称在控件属性树中的排列如何定义?
答:根据属性说明安装A~Z的字母顺序排列
2.画布重绘


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

讨论交流请留言

来源:https://www.cnblogs.com/guoenshuo/p/18391635
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具