（四十一）c#Winform自定义控件-进度条

2022-09-26 14:18:46

前提

入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。

开源地址：https://gitee.com/kwwwvagaa/net_winform_custom_control

如果觉得写的还行，请点个 star 支持一下吧

欢迎前来交流探讨：企鹅群568015492

NuGet

Install-Package HZH_Controls

准备工作

前面写过一个进度条，但是并不是太好，这次用GDI+再重绘一个，不了解GDI+的自行百度了解下先

（七）c#Winform自定义控件-进度条

开始

添加一个类，命名UCProcessLine，继承Control

添加一个枚举，用以如何显示值

 1  public enum ValueTextType
 2     {
 3         None,
 4         /// <summary>
 5         /// 百分比
 6         /// </summary>
 7         Percent,
 8         /// <summary>
 9         /// 数值
10         /// </summary>
11         Absolute
12     }

添加一些属性

  1 [Description("值变更事件"), Category("自定义")]
  2         public event EventHandler ValueChanged;
  3         int m_value = 0;
  4         [Description("当前属性"), Category("自定义")]
  5         public int Value
  6         {
  7             set
  8             {
  9                 if (value > m_maxValue)
 10                     m_value = m_maxValue;
 11                 else if (value < 0)
 12                     m_value = 0;
 13                 else
 14                     m_value = value;
 15                 if (ValueChanged != null)
 16                     ValueChanged(this, null);
 17                 Refresh();
 18             }
 19             get
 20             {
 21                 return m_value;
 22             }
 23         }
 24 
 25         private int m_maxValue = 100;
 26 
 27         [Description("最大值"), Category("自定义")]
 28         public int MaxValue
 29         {
 30             get { return m_maxValue; }
 31             set
 32             {
 33                 if (value < m_value)
 34                     m_maxValue = m_value;
 35                 else
 36                     m_maxValue = value;
 37                 Refresh();
 38             }
 39         }
 40 
 41         Color m_valueColor = Color.FromArgb(73, 119, 232);
 42 
 43         [Description("值进度条颜色"), Category("自定义")]
 44         public Color ValueColor
 45         {
 46             get { return m_valueColor; }
 47             set
 48             {
 49                 m_valueColor = value;
 50                 Refresh();
 51             }
 52         }
 53 
 54         private Color m_valueBGColor = Color.White;
 55 
 56         [Description("值背景色"), Category("自定义")]
 57         public Color ValueBGColor
 58         {
 59             get { return m_valueBGColor; }
 60             set
 61             {
 62                 m_valueBGColor = value;
 63                 Refresh();
 64             }
 65         }
 66 
 67         private Color m_borderColor = Color.FromArgb(192, 192, 192);
 68 
 69         [Description("边框颜色"), Category("自定义")]
 70         public Color BorderColor
 71         {
 72             get { return m_borderColor; }
 73             set
 74             {
 75                 m_borderColor = value;
 76                 Refresh();
 77             }
 78         }
 79 
 80         [Description("值字体"), Category("自定义")]
 81         public override Font Font
 82         {
 83             get
 84             {
 85                 return base.Font;
 86             }
 87             set
 88             {
 89                 base.Font = value;
 90                 Refresh();
 91             }
 92         }
 93 
 94         [Description("值字体颜色"), Category("自定义")]
 95         public override System.Drawing.Color ForeColor
 96         {
 97             get
 98             {
 99                 return base.ForeColor;
100             }
101             set
102             {
103                 base.ForeColor = value;
104                 Refresh();
105             }
106         }
107         private ValueTextType m_valueTextType = ValueTextType.Percent;
108 
109         [Description("值显示样式"), Category("自定义")]
110         public ValueTextType ValueTextType
111         {
112             get { return m_valueTextType; }
113             set
114             {
115                 m_valueTextType = value;
116                 Refresh();
117             }
118         }

重绘

 1  protected override void OnPaint(PaintEventArgs e)
 2         {
 3             Console.WriteLine(DateTime.Now);
 4             base.OnPaint(e);
 5             Graphics g = e.Graphics;
 6             g.SetGDIHigh();
 7 
 8             Brush sb = new SolidBrush(m_valueBGColor);
 9             g.FillRectangle(sb, new Rectangle(base.ClientRectangle.X, base.ClientRectangle.Y, base.ClientRectangle.Width - 3, base.ClientRectangle.Height - 2));
10             GraphicsPath path1 = ControlHelper.CreateRoundedRectanglePath(new Rectangle(base.ClientRectangle.X, base.ClientRectangle.Y + 1, base.ClientRectangle.Width - 3, base.ClientRectangle.Height - 4), 3);
11             g.DrawPath(new Pen(m_borderColor, 1), path1);
12             LinearGradientBrush lgb = new LinearGradientBrush(new Point(0, 0), new Point(0, base.ClientRectangle.Height - 3), m_valueColor, Color.FromArgb(200, m_valueColor.R, m_valueColor.G, m_valueColor.B));
13             g.FillPath(lgb, ControlHelper.CreateRoundedRectanglePath(new Rectangle(0, (base.ClientRectangle.Height - (base.ClientRectangle.Height - 3)) / 2, (base.ClientRectangle.Width - 3) * Value / m_maxValue, base.ClientRectangle.Height - 4), 3));
14             string strValue = string.Empty;
15             if (m_valueTextType == HZH_Controls.Controls.ValueTextType.Percent)
16                 strValue = ((float)Value / (float)m_maxValue).ToString("0%");
17             else if (m_valueTextType == HZH_Controls.Controls.ValueTextType.Absolute)
18                 strValue = Value + "/" + m_maxValue;
19             if (!string.IsNullOrEmpty(strValue))
20             {
21                 System.Drawing.SizeF sizeF = g.MeasureString(strValue, Font);
22                 g.DrawString(strValue, Font, new SolidBrush(ForeColor), new PointF((this.Width - sizeF.Width) / 2, (this.Height - sizeF.Height) / 2 + 1));
23             }
24         }

完整代码来一份

  1 using System;
  2 using System.Collections.Generic;
  3 using System.ComponentModel;
  4 using System.Drawing;
  5 using System.Data;
  6 using System.Linq;
  7 using System.Text;
  8 using System.Windows.Forms;
  9 using System.Drawing.Drawing2D;
 10 
 11 namespace HZH_Controls.Controls
 12 {
 13     public class UCProcessLine : Control
 14     {
 15         [Description("值变更事件"), Category("自定义")]
 16         public event EventHandler ValueChanged;
 17         int m_value = 0;
 18         [Description("当前属性"), Category("自定义")]
 19         public int Value
 20         {
 21             set
 22             {
 23                 if (value > m_maxValue)
 24                     m_value = m_maxValue;
 25                 else if (value < 0)
 26                     m_value = 0;
 27                 else
 28                     m_value = value;
 29                 if (ValueChanged != null)
 30                     ValueChanged(this, null);
 31                 Refresh();
 32             }
 33             get
 34             {
 35                 return m_value;
 36             }
 37         }
 38 
 39         private int m_maxValue = 100;
 40 
 41         [Description("最大值"), Category("自定义")]
 42         public int MaxValue
 43         {
 44             get { return m_maxValue; }
 45             set
 46             {
 47                 if (value < m_value)
 48                     m_maxValue = m_value;
 49                 else
 50                     m_maxValue = value;
 51                 Refresh();
 52             }
 53         }
 54 
 55         Color m_valueColor = Color.FromArgb(73, 119, 232);
 56 
 57         [Description("值进度条颜色"), Category("自定义")]
 58         public Color ValueColor
 59         {
 60             get { return m_valueColor; }
 61             set
 62             {
 63                 m_valueColor = value;
 64                 Refresh();
 65             }
 66         }
 67 
 68         private Color m_valueBGColor = Color.White;
 69 
 70         [Description("值背景色"), Category("自定义")]
 71         public Color ValueBGColor
 72         {
 73             get { return m_valueBGColor; }
 74             set
 75             {
 76                 m_valueBGColor = value;
 77                 Refresh();
 78             }
 79         }
 80 
 81         private Color m_borderColor = Color.FromArgb(192, 192, 192);
 82 
 83         [Description("边框颜色"), Category("自定义")]
 84         public Color BorderColor
 85         {
 86             get { return m_borderColor; }
 87             set
 88             {
 89                 m_borderColor = value;
 90                 Refresh();
 91             }
 92         }
 93 
 94         [Description("值字体"), Category("自定义")]
 95         public override Font Font
 96         {
 97             get
 98             {
 99                 return base.Font;
100             }
101             set
102             {
103                 base.Font = value;
104                 Refresh();
105             }
106         }
107 
108         [Description("值字体颜色"), Category("自定义")]
109         public override System.Drawing.Color ForeColor
110         {
111             get
112             {
113                 return base.ForeColor;
114             }
115             set
116             {
117                 base.ForeColor = value;
118                 Refresh();
119             }
120         }
121         private ValueTextType m_valueTextType = ValueTextType.Percent;
122 
123         [Description("值显示样式"), Category("自定义")]
124         public ValueTextType ValueTextType
125         {
126             get { return m_valueTextType; }
127             set
128             {
129                 m_valueTextType = value;
130                 Refresh();
131             }
132         }
133         public UCProcessLine()
134         {
135             Size = new Size(200, 15);
136             ForeColor = Color.FromArgb(255, 77, 59);
137             Font = new Font("Arial Unicode MS", 10);
138             this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
139             this.SetStyle(ControlStyles.DoubleBuffer, true);
140             this.SetStyle(ControlStyles.ResizeRedraw, true);
141             this.SetStyle(ControlStyles.Selectable, true);
142             this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);
143             this.SetStyle(ControlStyles.UserPaint, true);
144         }
145 
146         protected override void OnPaint(PaintEventArgs e)
147         {
148             Console.WriteLine(DateTime.Now);
149             base.OnPaint(e);
150             Graphics g = e.Graphics;
151             g.SetGDIHigh();
152 
153             Brush sb = new SolidBrush(m_valueBGColor);
154             g.FillRectangle(sb, new Rectangle(base.ClientRectangle.X, base.ClientRectangle.Y, base.ClientRectangle.Width - 3, base.ClientRectangle.Height - 2));
155             GraphicsPath path1 = ControlHelper.CreateRoundedRectanglePath(new Rectangle(base.ClientRectangle.X, base.ClientRectangle.Y + 1, base.ClientRectangle.Width - 3, base.ClientRectangle.Height - 4), 3);
156             g.DrawPath(new Pen(m_borderColor, 1), path1);
157             LinearGradientBrush lgb = new LinearGradientBrush(new Point(0, 0), new Point(0, base.ClientRectangle.Height - 3), m_valueColor, Color.FromArgb(200, m_valueColor.R, m_valueColor.G, m_valueColor.B));
158             g.FillPath(lgb, ControlHelper.CreateRoundedRectanglePath(new Rectangle(0, (base.ClientRectangle.Height - (base.ClientRectangle.Height - 3)) / 2, (base.ClientRectangle.Width - 3) * Value / m_maxValue, base.ClientRectangle.Height - 4), 3));
159             string strValue = string.Empty;
160             if (m_valueTextType == HZH_Controls.Controls.ValueTextType.Percent)
161                 strValue = ((float)Value / (float)m_maxValue).ToString("0%");
162             else if (m_valueTextType == HZH_Controls.Controls.ValueTextType.Absolute)
163                 strValue = Value + "/" + m_maxValue;
164             if (!string.IsNullOrEmpty(strValue))
165             {
166                 System.Drawing.SizeF sizeF = g.MeasureString(strValue, Font);
167                 g.DrawString(strValue, Font, new SolidBrush(ForeColor), new PointF((this.Width - sizeF.Width) / 2, (this.Height - sizeF.Height) / 2 + 1));
168             }
169         }
170 
171     }
172 
173     public enum ValueTextType
174     {
175         None,
176         /// <summary>
177         /// 百分比
178         /// </summary>
179         Percent,
180         /// <summary>
181         /// 数值
182         /// </summary>
183         Absolute
184     }
185 }

View Code

用处及效果

最后的话

如果你喜欢的话，请到 https://gitee.com/kwwwvagaa/net_winform_custom_control 点个星星吧

（四十一）c#Winform自定义控件-进度条

码农公寓

（四十一）c#Winform自定义控件-进度条

前提

NuGet

目录

准备工作

开始

用处及效果

最后的话

码农公寓

前提

NuGet

目录

准备工作

开始

用处及效果

最后的话

相关文章