devbox
菜鸟追梦旅行
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

C#中添加自制控件_c# 自定义控件

作者：菜鸟追梦旅行 | 2024-03-31 17:22:02

赞

踩

c# 自定义控件

先看最终成品为一个可以在XY坐标系下，进行点位显示的控件

制作过程：

1.添加用户控件类

2.进入代码编辑页面

套路式开发：继承 UserControl     public partial class PointCurve : UserControl

初始化过程：

  1.         public PointCurve()
  2.         {
  3.             InitializeComponent();
  4.             //设置控件样式
  5.             this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); //减少闪烁
  6.             this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true);  //启用双缓冲技术
  7.             this.SetStyle(ControlStyles.ResizeRedraw, true); //根据窗口大小的重新绘制指令
  8.             this.SetStyle(ControlStyles.Selectable, true);//激活与用户的交互响应
  9.             this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);//支持透明背景色
  10.             this.SetStyle(ControlStyles.UserPaint, true);   //用户自己控制绘制
  11.  
  12.         }

画图类绘制对象的三大件：

       //画布
        private Graphics g;
        //画笔
        private Pen p;
        //画刷
        private SolidBrush sb;

控件属性：（显示在加载进入工具箱后的属性界面）

  1.        
  2. /****************原点****************************************/
  3.         private int orginGap = 20;   //内部调用数值
  4.         [Browsable(true)]            //在属性界面显示
  5.         [Category("自定义属性")]     //分组类别
  6.         [Description("原点坐标")]     //显示名称
  7.  
  8.         public int OriginGap        //外部用户交互变量
  9.         {
  10.             get { return orginGap; }
  11.             set
  12.             {
  13.                 if (value <= 0)
  14.                 {
  15.                     return;
  16.                 }
  17.                 orginGap = value;
  18.                 this.Invalidate();   //外部改变后重新绘制
  19.             
  20.             }
  21.         
  22.         }
  23. /****************X轴最大值****************************************/
  24.         private float maxXAxis = 70000.0f;
  25.         [Browsable(true)]
  26.         [Category("自定义属性")]
  27.         [Description("X轴最大值")]
  28.         public float MaxXAxis
  29.         {
  30.             get { return maxXAxis; }
  31.             set { maxXAxis = value;
  32.                 this.Invalidate();   //重新绘制
  33.             }
  34.             
  35.         }
  36.  
  37. /****************Y轴最大值****************************************/
  38.  
  39.         private float maxYAxis = 70000.0f;
  40.         [Browsable(true)]
  41.         [Category("自定义属性")]
  42.         [Description("Y轴最大坐标值")]
  43.         public float MaxYAxis
  44.         {
  45.             get { return maxYAxis; }
  46.             set { maxYAxis = value;
  47.                 this.Invalidate();   //重新绘制
  48.             }
  49.         }
  50.  
  51.  
  52. /****************位置坐标1X轴坐标****************************************/
  53.  
  54.        [Browsable(true)]
  55.         [Category("自定义属性")]
  56.         [Description("位置坐标1X轴坐标")]
  57.         public int ReclaimerXAxis
  58.         {
  59.             get { return reclaimerXAxis; }
  60.             set
  61.             {
  62.                 reclaimerXAxis = value;
  63.                 this.Invalidate();
  64.             }
  65.         }
  66.  
  67.  
  68.  
  69. /****************位置坐标1Y轴坐标****************************************/
  70.  
  71.        private int reclaimerYAxis = 0;
  72.         [Browsable(true)]
  73.         [Category("自定义属性")]
  74.         [Description("位置坐标1Y轴坐标")]
  75.         public int ReclaimerYAxis
  76.         {
  77.             get { return reclaimerYAxis; }
  78.             set
  79.             {
  80.                 reclaimerYAxis = value;
  81.                 this.Invalidate();
  82.             }
  83.         }
  84.  
  85. ……想显示多少个坐标点可以自由添加
  86.  
  87.  
  88.  
  89.  
  90. /****************颜色属性添加****************************************/
  91.  
  92.        private Color reclaimerColor = Color.Blue;
  93.  
  94.         [Browsable(true)]
  95.         [Category("自定义属性")]
  96.         [Description("坐标点颜色")]
  97.         public Color ReclaimerColor
  98.         {
  99.             get { return reclaimerColor; }
  100.             set
  101.             {
  102.                 reclaimerColor = value;
  103.                 this.Invalidate();
  104.             }
  105.         }
  106.  
  107.  
  108. /****************字符串属性添加****************************************/
  109.         private string reclaimerStr = "位置1";
  110.  
  111.         [Browsable(true)]
  112.         [Category("自定义属性")]
  113.         [Description("位置1字符串")]
  114.         public string ReclaimerStr
  115.         {
  116.             get { return reclaimerStr; }
  117.             set
  118.             {
  119.                 reclaimerStr = value;
  120.                 this.Invalidate();
  121.             }
  122.         }
  123. /****************绘制点直径属性添加****************************************/
  124.         private int pointdiameter = 5;
  125.  
  126.         [Browsable(true)]
  127.         [Category("自定义属性")]
  128.         [Description("绘制点直径")]
  129.         public int Pointdiameter
  130.         {
  131.             get { return pointdiameter; }
  132.             set
  133.             {
  134.                 pointdiameter = value;
  135.                 this.Invalidate();
  136.             }
  137.         }
  138.  
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145.  
  146.  
  147.  
  148.  
  149.  
  150.  
  151.

以上信息都是属性信息，不涉及逻辑，属于为了实现自己绘制目的而定义的成员变量

接下来重写的OnPaint函数是真正的绘制过程，每次用户改变属性信息时，由于执行了  this.Invalidate();，都会后台去调用OnPaint函数，从而实现位置更新。

下面函数中涉及一些计算过程，其实是由于窗体绘图默认原点是左上角，而我们习惯的坐标系原点的左下角，里面的计算过程是为了将我们输入的位置坐标进行转换的过程，无需过分纠结，理解原理，this.Height.,this.with为实际的绘图画布大小

  1.   protected override void OnPaint(PaintEventArgs e)  //执行重绘指令时会被调用
  2.         {
  3.             base.OnPaint(e);
  4.  
  5.             //绘制过程
  6.  
  7.             //绘制画布
  8.             g = e.Graphics;
  9.             //设置画布
  10.             g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;//消除锯齿
  11.             g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
  12.             g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
  13.             g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.ClearTypeGridFit;
  14.  
  15.             //正式绘制
  16.  
  17.             //设置画笔
  18.  
  19.             p = new Pen(Color.Black, 1.5f);
  20.             p.CustomEndCap = new AdjustableArrowCap(p.Width * 3, p.Width * 4, true);  //结束端采用箭头样式
  21.  
  22.             //绘制X轴
  23.             g.DrawLine(p, new Point(orginGap, this.Height - orginGap), new Point(this.Width - orginGap, this.Height - orginGap));
  24.  
  25.             //绘制Y轴
  26.             g.DrawLine(p, new Point(orginGap, this.Height - orginGap), new Point(orginGap, orginGap));
  27.  
  28.             //绘制原点
  29.             StringFormat sf = new StringFormat();
  30.             sf.Alignment = StringAlignment.Center;//字符中心居中
  31.             sf.LineAlignment = StringAlignment.Center;//线中心居中
  32.             g.DrawString("0", this.Font, new SolidBrush(Color.Black), new Rectangle(0, this.Height - orginGap, orginGap, orginGap), sf);
  33.             //绘制X轴最大
  34.             g.DrawString(maxXAxis.ToString(), this.Font, new SolidBrush(Color.Black), new Rectangle(this.Width -50, this.Height -orginGap+5, 50, orginGap), sf);
  35.             //绘制Y轴最大
  36.             g.DrawString(maxYAxis.ToString(), this.Font, new SolidBrush(Color.Black), new Rectangle(0, 0, 50, orginGap), sf);
  37.  
  38.             //绘制取料点
  39.  
  40.             float reclaimerX = (this.Width - 2 * orginGap) / maxXAxis * reclaimerXAxis + orginGap;
  41.             float reclaimerY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * reclaimerYAxis + orginGap);
  42.             g.FillEllipse(new SolidBrush(reclaimerColor), new RectangleF(reclaimerX - 0.5f * pointdiameter, reclaimerY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  43.  
  44.             g.DrawString(reclaimerStr, this.Font, new SolidBrush(reclaimerColor), new RectangleF(reclaimerX - 25.0f, reclaimerY - 20.0f, 50.0f, 20.0f), sf);
  45.  
  46.             //绘制加工点
  47.  
  48.             float processX = (this.Width - 2 * orginGap) / maxXAxis * processXAxis + orginGap;
  49.  
  50.             float processY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * processYAxis + orginGap);
  51.  
  52.             g.FillEllipse(new SolidBrush(processColor), new RectangleF(processX - 0.5f * pointdiameter, processY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  53.  
  54.             g.DrawString(processStr, this.Font, new SolidBrush(processColor), new RectangleF(processX - 25.0f, processY - 20.0f, 50.0f, 20.0f), sf);
  55.  
  56.             //绘制出料点
  57.  
  58.             float outletX = (this.Width - 2 * orginGap) / maxXAxis * outletXAxis + orginGap;
  59.  
  60.             float outletY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * outletYAxis + orginGap);
  61.  
  62.             g.FillEllipse(new SolidBrush(outletColor), new RectangleF(outletX - 0.5f * pointdiameter, outletY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  63.  
  64.             g.DrawString(outletStr, this.Font, new SolidBrush(outletColor), new RectangleF(outletX - 25.0f, outletY - 20.0f, 50.0f, 20.0f), sf);
  65.  
  66.  
  67.         }

下面附完整代码：

  1. using System;
  2. using System.Collections.Generic;
  3. using System.ComponentModel;
  4. using System.Data;
  5. using System.Drawing;
  6. using System.Linq;
  7. using System.Text;
  8. using System.Threading.Tasks;
  9. using System.Windows.Forms;
  10. using System.Drawing.Drawing2D;
  11.  
  12. namespace WindowsFormsApp1
  13. {
  14.     public partial class PointCurve : UserControl
  15.     {
  16.         public PointCurve()
  17.         {
  18.             InitializeComponent();
  19.             //设置控件样式
  20.             this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); //减少闪烁
  21.             this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true);  //启用双缓冲技术
  22.             this.SetStyle(ControlStyles.ResizeRedraw, true); //根据窗口大小的重新绘制指令
  23.             this.SetStyle(ControlStyles.Selectable, true);//激活与用户的交互响应
  24.             this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);//支持透明背景色
  25.             this.SetStyle(ControlStyles.UserPaint, true);   //用户自己控制绘制
  26.  
  27.         }
  28.  
  29.         #region   绘制对象的创建
  30.         //画布
  31.         private Graphics g;
  32.         //画笔
  33.         private Pen p;
  34.         //画刷
  35.         private SolidBrush sb;
  36.  
  37.         #endregion
  38.  
  39.         #region  控件属性
  40.         private int orginGap = 20;
  41.         [Browsable(true)]
  42.         [Category("自定义属性")]
  43.         [Description("原点坐标")]
  44.  
  45.         public int OriginGap
  46.         {
  47.             get { return orginGap; }
  48.             set
  49.             {
  50.                 if (value <= 0)
  51.                 {
  52.                     return;
  53.                 }
  54.                 orginGap = value;
  55.                 this.Invalidate();   //重新绘制
  56.             
  57.             }
  58.         
  59.         }
  60.  
  61.         private float maxXAxis = 70000.0f;
  62.         [Browsable(true)]
  63.         [Category("自定义属性")]
  64.         [Description("X轴最大值")]
  65.         public float MaxXAxis
  66.         {
  67.             get { return maxXAxis; }
  68.             set { maxXAxis = value;
  69.                 this.Invalidate();   //重新绘制
  70.             }
  71.             
  72.         }
  73.  
  74.         private float maxYAxis = 70000.0f;
  75.         [Browsable(true)]
  76.         [Category("自定义属性")]
  77.         [Description("Y轴最大坐标值")]
  78.         public float MaxYAxis
  79.         {
  80.             get { return maxYAxis; }
  81.             set { maxYAxis = value;
  82.                 this.Invalidate();   //重新绘制
  83.             }
  84.         }
  85.  
  86.         private int reclaimerXAxis = 0;
  87.         [Browsable(true)]
  88.         [Category("自定义属性")]
  89.         [Description("取料口X轴坐标")]
  90.         public int ReclaimerXAxis
  91.         {
  92.             get { return reclaimerXAxis; }
  93.             set
  94.             {
  95.                 reclaimerXAxis = value;
  96.                 this.Invalidate();
  97.             }
  98.         }
  99.  
  100.         private int reclaimerYAxis = 0;
  101.         [Browsable(true)]
  102.         [Category("自定义属性")]
  103.         [Description("取料口Y轴坐标")]
  104.         public int ReclaimerYAxis
  105.         {
  106.             get { return reclaimerYAxis; }
  107.             set
  108.             {
  109.                 reclaimerYAxis = value;
  110.                 this.Invalidate();
  111.             }
  112.         }
  113.  
  114.         private int processXAxis = 0;
  115.         [Browsable(true)]
  116.         [Category("自定义属性")]
  117.         [Description("加工处X轴坐标")]
  118.         public int ProcessXAxis
  119.         {
  120.             get { return processXAxis; }
  121.             set
  122.             {
  123.                 processXAxis = value;
  124.                 this.Invalidate();
  125.             }
  126.         }
  127.  
  128.         private int processYAxis = 0;
  129.         [Browsable(true)]
  130.         [Category("自定义属性")]
  131.         [Description("加工处Y轴坐标")]
  132.         public int ProcessYAxis
  133.         {
  134.             get { return processYAxis; }
  135.             set
  136.             {
  137.                 processYAxis = value;
  138.                 this.Invalidate();
  139.             }
  140.         }
  141.  
  142.  
  143.         private int outletXAxis = 0;
  144.  
  145.         [Browsable(true)]
  146.         [Category("自定义属性")]
  147.         [Description("出料口X轴坐标")]
  148.         public int OutletXAxis
  149.         {
  150.             get { return outletXAxis; }
  151.             set
  152.             {
  153.                 outletXAxis = value;
  154.                 this.Invalidate();
  155.             }
  156.         }
  157.  
  158.  
  159.         private int outletYAxis = 0;
  160.  
  161.         [Browsable(true)]
  162.         [Category("自定义属性")]
  163.         [Description("出料口Y轴坐标")]
  164.         public int OutletYAxis
  165.         {
  166.             get { return outletYAxis; }
  167.             set
  168.             {
  169.                 outletYAxis = value;
  170.                 this.Invalidate();
  171.             }
  172.         }
  173.  
  174.         private Color reclaimerColor = Color.Blue;
  175.  
  176.         [Browsable(true)]
  177.         [Category("自定义属性")]
  178.         [Description("取料口点颜色")]
  179.         public Color ReclaimerColor
  180.         {
  181.             get { return reclaimerColor; }
  182.             set
  183.             {
  184.                 reclaimerColor = value;
  185.                 this.Invalidate();
  186.             }
  187.         }
  188.  
  189.         private Color processColor = Color.Green;
  190.  
  191.         [Browsable(true)]
  192.         [Category("自定义属性")]
  193.         [Description("加工处点颜色")]
  194.         public Color ProcessColor
  195.         {
  196.             get { return processColor; }
  197.             set
  198.             {
  199.                 processColor = value;
  200.                 this.Invalidate();
  201.             }
  202.         }
  203.  
  204.         private Color outletColor = Color.Red;
  205.  
  206.         [Browsable(true)]
  207.         [Category("自定义属性")]
  208.         [Description("出料口点颜色")]
  209.         public Color OutletColor
  210.         {
  211.             get { return outletColor; }
  212.             set
  213.             {
  214.                 outletColor = value;
  215.                 this.Invalidate();
  216.             }
  217.         }
  218.  
  219.         private string reclaimerStr = "取料口";
  220.  
  221.         [Browsable(true)]
  222.         [Category("自定义属性")]
  223.         [Description("取料口字符串")]
  224.         public string ReclaimerStr
  225.         {
  226.             get { return reclaimerStr; }
  227.             set
  228.             {
  229.                 reclaimerStr = value;
  230.                 this.Invalidate();
  231.             }
  232.         }
  233.  
  234.         private string processStr = "加工处";
  235.  
  236.         [Browsable(true)]
  237.         [Category("自定义属性")]
  238.         [Description("加工处字符串")]
  239.         public string ProcessStr
  240.         {
  241.             get { return processStr; }
  242.             set
  243.             {
  244.                 processStr = value;
  245.                 this.Invalidate();
  246.             }
  247.         }
  248.         private string outletStr = "出料口";
  249.  
  250.         [Browsable(true)]
  251.         [Category("自定义属性")]
  252.         [Description("出料口字符串")]
  253.         public string OutletStr
  254.         {
  255.             get { return outletStr; }
  256.             set
  257.             {
  258.                 outletStr = value;
  259.                 this.Invalidate();
  260.             }
  261.         }
  262.  
  263.         private int pointdiameter = 5;
  264.  
  265.         [Browsable(true)]
  266.         [Category("自定义属性")]
  267.         [Description("绘制点直径")]
  268.         public int Pointdiameter
  269.         {
  270.             get { return pointdiameter; }
  271.             set
  272.             {
  273.                 pointdiameter = value;
  274.                 this.Invalidate();
  275.             }
  276.         }
  277.  
  278.         #endregion
  279.         protected override void OnPaint(PaintEventArgs e)  //执行重绘指令时会被调用
  280.         {
  281.             base.OnPaint(e);
  282.  
  283.             //绘制过程
  284.  
  285.             //绘制画布
  286.             g = e.Graphics;
  287.             //设置画布
  288.             g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias;//消除锯齿
  289.             g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
  290.             g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias;
  291.             g.TextRenderingHint = System.Drawing.Text.TextRenderingHint.ClearTypeGridFit;
  292.  
  293.             //正式绘制
  294.  
  295.             //设置画笔
  296.  
  297.             p = new Pen(Color.Black, 1.5f);
  298.             p.CustomEndCap = new AdjustableArrowCap(p.Width * 3, p.Width * 4, true);  //结束端采用箭头样式
  299.  
  300.             //绘制X轴
  301.             g.DrawLine(p, new Point(orginGap, this.Height - orginGap), new Point(this.Width - orginGap, this.Height - orginGap));
  302.  
  303.             //绘制Y轴
  304.             g.DrawLine(p, new Point(orginGap, this.Height - orginGap), new Point(orginGap, orginGap));
  305.  
  306.             //绘制原点
  307.             StringFormat sf = new StringFormat();
  308.             sf.Alignment = StringAlignment.Center;//字符中心居中
  309.             sf.LineAlignment = StringAlignment.Center;//线中心居中
  310.             g.DrawString("0", this.Font, new SolidBrush(Color.Black), new Rectangle(0, this.Height - orginGap, orginGap, orginGap), sf);
  311.             //绘制X轴最大
  312.             g.DrawString(maxXAxis.ToString(), this.Font, new SolidBrush(Color.Black), new Rectangle(this.Width -50, this.Height -orginGap+5, 50, orginGap), sf);
  313.             //绘制Y轴最大
  314.             g.DrawString(maxYAxis.ToString(), this.Font, new SolidBrush(Color.Black), new Rectangle(0, 0, 50, orginGap), sf);
  315.  
  316.             //绘制取料点
  317.  
  318.             float reclaimerX = (this.Width - 2 * orginGap) / maxXAxis * reclaimerXAxis + orginGap;
  319.             float reclaimerY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * reclaimerYAxis + orginGap);
  320.             g.FillEllipse(new SolidBrush(reclaimerColor), new RectangleF(reclaimerX - 0.5f * pointdiameter, reclaimerY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  321.  
  322.             g.DrawString(reclaimerStr, this.Font, new SolidBrush(reclaimerColor), new RectangleF(reclaimerX - 25.0f, reclaimerY - 20.0f, 50.0f, 20.0f), sf);
  323.  
  324.             //绘制加工点
  325.  
  326.             float processX = (this.Width - 2 * orginGap) / maxXAxis * processXAxis + orginGap;
  327.  
  328.             float processY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * processYAxis + orginGap);
  329.  
  330.             g.FillEllipse(new SolidBrush(processColor), new RectangleF(processX - 0.5f * pointdiameter, processY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  331.  
  332.             g.DrawString(processStr, this.Font, new SolidBrush(processColor), new RectangleF(processX - 25.0f, processY - 20.0f, 50.0f, 20.0f), sf);
  333.  
  334.             //绘制出料点
  335.  
  336.             float outletX = (this.Width - 2 * orginGap) / maxXAxis * outletXAxis + orginGap;
  337.  
  338.             float outletY = this.Height - ((this.Height - 2 * orginGap) / maxYAxis * outletYAxis + orginGap);
  339.  
  340.             g.FillEllipse(new SolidBrush(outletColor), new RectangleF(outletX - 0.5f * pointdiameter, outletY - 0.5f * pointdiameter, pointdiameter, pointdiameter));
  341.  
  342.             g.DrawString(outletStr, this.Font, new SolidBrush(outletColor), new RectangleF(outletX - 25.0f, outletY - 20.0f, 50.0f, 20.0f), sf);
  343.  
  344.  
  345.         }
  346.  
  347.         private void PointCurve_Load(object sender, EventArgs e)
  348.         {
  349.  
  350.         }
  351.     }
  352. }

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/345389
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号