入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。
GitHub：https://github.com/kwwwvagaa/NetWinformControl
码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git
如果觉得写的还行，请点个 star 支持一下吧
欢迎前来交流探讨： 企鹅群568015492
麻烦博客下方点个【推荐】，谢谢
NuGetInstall-Package HZH_Controls目录
https://www.cnblogs.com/bfyx/p/11364884.html
用处及效果 准备工作这个用到GDI+画的，请先了解一下GDI+
还有用到了基类控件UCControlBase来控制圆角和背景色，如果还不了解请移步查看
（一）c#Winform自定义控件-基类控件
另外用到了水波控件UCWave，如果不了解请移步查看
（四十四）c#Winform自定义控件-水波
开始添加一个用户控件UCProcessWave，继承UCControlBase
一些属性
1 private bool m_isRectangle = false; 2 [Description("是否矩形"),category("自定义")] 3 public bool IsRectangle 4 { 5 get { return m_isRectangle; } 6 set 7 { 8 m_isRectangle = value; 9 if (value) 10 { 11 base.ConerRadius = 10; 12 } 13 else 14 { 15 base.ConerRadius = Math.Min(this.WIDth,this.Height); 16 } 17 } 18 } 19 #region 不再使用的父类属性 English:Parent class attributes that are no longer used 20 [browsable(false)] 21 public new int ConerRadius 22 { 23 get; 24 set; 25 } 26 [browsable(false)] 27 public new bool IsRadius 28 { 29 get; 30 set; 31 } 32 33 [browsable(false)] 34 public new color Fillcolor 35 { 36 get; 37 set; 38 } 39 #endregion 40 41 42 [Description("值变更事件"),category("自定义")] 43 public event EventHandler ValueChanged; 44 int m_value = 0; 45 [Description("当前属性"),category("自定义")] 46 public int Value 47 { 48 set 49 { 50 if (value > m_maxValue) 51 m_value = m_maxValue; 52 else if (value < 0) 53 m_value = 0; 54 else 55 m_value = value; 56 if (ValueChanged != null) 57 ValueChanged(this,null); 58 ucWave1.Height = (int)((double)m_value / (double)m_maxValue * this.Height) + ucWave1.WaveHeight; 59 Refresh(); 60 } 61 get 62 { 63 return m_value; 64 } 65 } 66 67 private int m_maxValue = 100; 68 69 [Description("最大值"),category("自定义")] 70 public int MaxValue 71 { 72 get { return m_maxValue; } 73 set 74 { 75 if (value < m_value) 76 m_maxValue = m_value; 77 else 78 m_maxValue = value; 79 Refresh(); 80 } 81 } 82 83 public overrIDe Font Font 84 { 85 get 86 { 87 return base.Font; 88 } 89 set 90 { 91 base.Font = value; 92 } 93 } 94 95 public overrIDe color Forecolor 96 { 97 get 98 { 99 return base.Forecolor;100 }101 set102 {103 base.Forecolor = value;104 }105 }106 107 [Description("值颜色"),category("自定义")]108 public color Valuecolor109 {110 get { return this.ucWave1.Wavecolor; }111 set112 {113 this.ucWave1.Wavecolor = value;114 }115 }116 117 [Description("边框宽度"),category("自定义")]118 public overrIDe int RectWIDth119 {120 get121 {122 return base.RectWIDth;123 }124 set125 {126 if (value < 4)127 base.RectWIDth = 4;128 else129 base.RectWIDth = value;130 }131 }
构造函数一些设置
1 public UCProcessWave() 2 { 3 InitializeComponent(); 4 this.SetStyle(ControlStyles.AllPaintingInWmPaint,true); 5 this.SetStyle(ControlStyles.DoubleBuffer,true); 6 this.SetStyle(ControlStyles.ResizeRedraw,true); 7 this.SetStyle(ControlStyles.Selectable,true); 8 this.SetStyle(ControlStyles.SupportstransparentBackcolor,true); 9 this.SetStyle(ControlStyles.UserPaint,true);10 base.IsRadius = true;11 base.IsShowRect = false;12 RectWIDth = 4;13 Rectcolor = color.White;14 ucWave1.Height = (int)((double)m_value / (double)m_maxValue * this.Height) + ucWave1.WaveHeight;15 this.SizeChanged += UCProcessWave_SizeChanged;16 this.ucWave1.OnPainted += ucWave1_Painted;17 base.ConerRadius = Math.Min(this.WIDth,this.Height);18 }
重绘
1 protected overrIDe voID OnPaint(PaintEventArgs e) 2 { 3 base.OnPaint(e); 4 e.Graphics.SetGDIHigh(); 5 if (!m_isRectangle) 6 { 7 //这里曲线救国，因为设置了控件区域导致的毛边，通过画一个没有毛边的圆遮挡 8 SolIDBrush solIDBrush = new SolIDBrush(color.White); 9 e.Graphics.DrawEllipse(new Pen(solIDBrush,2),new Rectangle(-1,-1,this.WIDth + 2,this.Height + 2));10 }11 string strValue = ((double)m_value / (double)m_maxValue).ToString("0.%");12 System.Drawing.Sizef sizef = e.Graphics.MeasureString(strValue,Font);13 e.Graphics.DrawString(strValue,Font,new SolIDBrush(Forecolor),new PointF((this.WIDth - sizef.WIDth) / 2,(this.Height - sizef.Height) / 2 + 1));14 }
波形控件重绘时处理
1 voID ucWave1_Painted(object sender,PaintEventArgs e) 2 { 3 e.Graphics.SetGDIHigh(); 4 if (IsShowRect) 5 { 6 if (m_isRectangle) 7 { 8 color rectcolor = Rectcolor; 9 Pen pen = new Pen(rectcolor,(float)RectWIDth);10 Rectangle clIEntRectangle = new Rectangle(0,this.ucWave1.Height - this.Height,this.WIDth,this.Height);11 GraphicsPath graphicsPath = new GraphicsPath();12 graphicsPath.AddArc(clIEntRectangle.X,clIEntRectangle.Y,10,10,180f,90f);13 graphicsPath.AddArc(clIEntRectangle.WIDth - 10 - 1,270f,90f);14 graphicsPath.AddArc(clIEntRectangle.WIDth - 10 - 1,clIEntRectangle.Bottom - 10 - 1,0f,90f);15 graphicsPath.AddArc(clIEntRectangle.X,90f,90f);16 graphicsPath.Closefigure();17 e.Graphics.DrawPath(pen,graphicsPath);18 }19 else20 {21 SolIDBrush solIDBrush = new SolIDBrush(Rectcolor);22 e.Graphics.DrawEllipse(new Pen(solIDBrush,RectWIDth),new Rectangle(0,this.Height));23 }24 }25 26 if (!m_isRectangle)27 {28 //这里曲线救国，因为设置了控件区域导致的毛边，通过画一个没有毛边的圆遮挡29 SolIDBrush solIDBrush1 = new SolIDBrush(color.White);30 e.Graphics.DrawEllipse(new Pen(solIDBrush1,this.ucWave1.Height - this.Height - 1,this.Height + 2));31 }32 string strValue = ((double)m_value / (double)m_maxValue).ToString("0.%");33 System.Drawing.Sizef sizef = e.Graphics.MeasureString(strValue,Font);34 e.Graphics.DrawString(strValue,(this.ucWave1.Height - this.Height) + (this.Height - sizef.Height) / 2));35 }
不知道你们有没有注意这句话
//这里曲线救国，因为设置了控件区域导致的毛边，通过画一个没有毛边的圆遮挡
因为设置原价导致了区域毛边，所有画个没有毛边的边框覆盖之
完整代码
@H_506_1301@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 partial class UCProcessWave : UCControlBase 14 { 15 private bool m_isRectangle = false; 16 [Description("是否矩形"),category("自定义")] 17 public bool IsRectangle 18 { 19 get { return m_isRectangle; } 20 set 21 { 22 m_isRectangle = value; 23 if (value) 24 { 25 base.ConerRadius = 10; 26 } 27 else 28 { 29 base.ConerRadius = Math.Min(this.WIDth,this.Height); 30 } 31 } 32 } 33 #region 不再使用的父类属性 English:Parent class attributes that are no longer used 34 [browsable(false)] 35 public new int ConerRadius 36 { 37 get; 38 set; 39 } 40 [browsable(false)] 41 public new bool IsRadius 42 { 43 get; 44 set; 45 } 46 47 [browsable(false)] 48 public new color Fillcolor 49 { 50 get; 51 set; 52 } 53 #endregion 54 55 56 [Description("值变更事件"),category("自定义")] 57 public event EventHandler ValueChanged; 58 int m_value = 0; 59 [Description("当前属性"),category("自定义")] 60 public int Value 61 { 62 set 63 { 64 if (value > m_maxValue) 65 m_value = m_maxValue; 66 else if (value < 0) 67 m_value = 0; 68 else 69 m_value = value; 70 if (ValueChanged != null) 71 ValueChanged(this,null); 72 ucWave1.Height = (int)((double)m_value / (double)m_maxValue * this.Height) + ucWave1.WaveHeight; 73 Refresh(); 74 } 75 get 76 { 77 return m_value; 78 } 79 } 80 81 private int m_maxValue = 100; 82 83 [Description("最大值"),category("自定义")] 84 public int MaxValue 85 { 86 get { return m_maxValue; } 87 set 88 { 89 if (value < m_value) 90 m_maxValue = m_value; 91 else 92 m_maxValue = value; 93 Refresh(); 94 } 95 } 96 97 public overrIDe Font Font 98 { 99 get100 {101 return base.Font;102 }103 set104 {105 base.Font = value;106 }107 }108 109 public overrIDe color Forecolor110 {111 get112 {113 return base.Forecolor;114 }115 set116 {117 base.Forecolor = value;118 }119 }120 121 [Description("值颜色"),category("自定义")]122 public color Valuecolor123 {124 get { return this.ucWave1.Wavecolor; }125 set126 {127 this.ucWave1.Wavecolor = value;128 }129 }130 131 [Description("边框宽度"),category("自定义")]132 public overrIDe int RectWIDth133 {134 get135 {136 return base.RectWIDth;137 }138 set139 {140 if (value < 4)141 base.RectWIDth = 4;142 else143 base.RectWIDth = value;144 }145 }146 147 public UCProcessWave()148 {149 InitializeComponent();150 this.SetStyle(ControlStyles.AllPaintingInWmPaint,true);151 this.SetStyle(ControlStyles.DoubleBuffer,true);152 this.SetStyle(ControlStyles.ResizeRedraw,true);153 this.SetStyle(ControlStyles.Selectable,true);154 this.SetStyle(ControlStyles.SupportstransparentBackcolor,true);155 this.SetStyle(ControlStyles.UserPaint,true);156 base.IsRadius = true;157 base.IsShowRect = false;158 RectWIDth = 4;159 Rectcolor = color.White;160 ucWave1.Height = (int)((double)m_value / (double)m_maxValue * this.Height) + ucWave1.WaveHeight;161 this.SizeChanged += UCProcessWave_SizeChanged;162 this.ucWave1.OnPainted += ucWave1_Painted;163 base.ConerRadius = Math.Min(this.WIDth,this.Height);164 }165 166 voID ucWave1_Painted(object sender,PaintEventArgs e)167 {168 e.Graphics.SetGDIHigh();169 if (IsShowRect)170 {171 if (m_isRectangle)172 {173 color rectcolor = Rectcolor;174 Pen pen = new Pen(rectcolor,(float)RectWIDth);175 Rectangle clIEntRectangle = new Rectangle(0,this.Height);176 GraphicsPath graphicsPath = new GraphicsPath();177 graphicsPath.AddArc(clIEntRectangle.X,90f);178 graphicsPath.AddArc(clIEntRectangle.WIDth - 10 - 1,90f);179 graphicsPath.AddArc(clIEntRectangle.WIDth - 10 - 1,90f);180 graphicsPath.AddArc(clIEntRectangle.X,90f);181 graphicsPath.Closefigure();182 e.Graphics.DrawPath(pen,graphicsPath);183 }184 else185 {186 SolIDBrush solIDBrush = new SolIDBrush(Rectcolor);187 e.Graphics.DrawEllipse(new Pen(solIDBrush,this.Height));188 }189 }190 191 if (!m_isRectangle)192 {193 //这里曲线救国，因为设置了控件区域导致的毛边，通过画一个没有毛边的圆遮挡194 SolIDBrush solIDBrush1 = new SolIDBrush(color.White);195 e.Graphics.DrawEllipse(new Pen(solIDBrush1,this.Height + 2));196 }197 string strValue = ((double)m_value / (double)m_maxValue).ToString("0.%");198 System.Drawing.Sizef sizef = e.Graphics.MeasureString(strValue,Font);199 e.Graphics.DrawString(strValue,(this.ucWave1.Height - this.Height) + (this.Height - sizef.Height) / 2));200 }201 202 voID UCProcessWave_SizeChanged(object sender,EventArgs e)203 {204 if (!m_isRectangle)205 {206 base.ConerRadius = Math.Min(this.WIDth,this.Height);207 if (this.WIDth != this.Height)208 {209 this.Size = new Size(Math.Min(this.WIDth,this.Height),Math.Min(this.WIDth,this.Height));210 }211 }212 }213 214 protected overrIDe voID OnPaint(PaintEventArgs e)215 {216 base.OnPaint(e);217 e.Graphics.SetGDIHigh();218 if (!m_isRectangle)219 {220 //这里曲线救国，因为设置了控件区域导致的毛边，通过画一个没有毛边的圆遮挡221 SolIDBrush solIDBrush = new SolIDBrush(color.White);222 e.Graphics.DrawEllipse(new Pen(solIDBrush,this.Height + 2));223 }224 string strValue = ((double)m_value / (double)m_maxValue).ToString("0.%");225 System.Drawing.Sizef sizef = e.Graphics.MeasureString(strValue,Font);226 e.Graphics.DrawString(strValue,(this.Height - sizef.Height) / 2 + 1));227 }228 }229 }VIEw Code
1 namespace HZH_Controls.Controls 2 { 3 partial class UCProcessWave 4 { 5 /// <summary> 6 /// 必需的设计器变量。 7 /// </summary> 8 private System.ComponentModel.IContainer components = null; 9 10 /// <summary> 11 /// 清理所有正在使用的资源。12 /// </summary>13 /// <param name="disposing">如果应释放托管资源，为 true；否则为 false。</param>14 protected overrIDe voID dispose(bool disposing)15 {16 if (disposing && (components != null))17 {18 components.dispose();19 }20 base.dispose(disposing);21 }22 23 #region 组件设计器生成的代码24 25 /// <summary> 26 /// 设计器支持所需的方法 - 不要27 /// 使用代码编辑器修改此方法的内容。28 /// </summary>29 private voID InitializeComponent()30 {31 this.ucWave1 = new HZH_Controls.Controls.UCWave();32 this.SuspendLayout();33 // 34 // ucWave135 // 36 this.ucWave1.Dock = System.windows.Forms.DockStyle.Bottom;37 this.ucWave1.Location = new System.Drawing.Point(0,140);38 this.ucWave1.name = "ucWave1";39 this.ucWave1.Size = new System.Drawing.Size(150,10);40 this.ucWave1.TabIndex = 0;41 this.ucWave1.Text = "ucWave1";42 this.ucWave1.Wavecolor = System.Drawing.color.FromArgb(((int)(((byte)(73)))),((int)(((byte)(119)))),((int)(((byte)(232)))));43 this.ucWave1.WaveHeight = 15;44 this.ucWave1.WaveSleep = 100;45 this.ucWave1.WaveWIDth = 100;46 // 47 // UCProcessWave48 // 49 this.autoScaleMode = System.windows.Forms.autoScaleMode.None;50 this.Backcolor = System.Drawing.color.FromArgb(((int)(((byte)(197)))),((int)(((byte)(229)))),((int)(((byte)(250)))));51 this.Controls.Add(this.ucWave1);52 this.name = "UCProcessWave";53 this.Size = new System.Drawing.Size(150,150);54 this.ResumeLayout(false);55 56 }57 58 #endregion59 60 private UCWave ucWave1;61 }62 }VIEw Code
最后的话
如果你喜欢的话，请到 https://gitee.com/kwwwvagaa/net_winform_custom_control 点个星星吧
总结以上是内存溢出为你收集整理的（四十六）c#Winform自定义控件-水波进度条全部内容，希望文章能够帮你解决（四十六）c#Winform自定义控件-水波进度条所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）