（五十）c#Winform自定义控件-滑块-HZHControls

妮娜奕伶 發表於 2019-8-29 11:26:00

（五十）c#Winform自定义控件-滑块-HZHControls

<h1>官网</h1>
https://www.hzhcontrols.cn
<h1>前提</h1>
入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。
GitHub：https://github.com/kwwwvagaa/NetWinformControl
码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git
如果觉得写的还行，请点个 star 支持一下吧
欢迎前来交流探讨：企鹅群568015492 <img src="https://pub.idqqimg.com/wpa/images/group.png">
麻烦博客下方点个【推荐】，谢谢
<h1>NuGet</h1>
<div class="cnblogs_code">
<pre>Install-Package HZH_Controls</pre>
</div>
<h1>目录</h1>
https://www.cnblogs.com/bfyx/p/11364884.html
<h1>用处及效果</h1>
<img src="https://img2018.cnblogs.com/blog/396919/201908/396919-20190829112410078-1232497029.gif">
<img src="https://img2018.cnblogs.com/blog/396919/201908/396919-20190830102218152-1673958567.gif">
<h1>准备工作</h1>
依然是GDI+画的，不了解自行百度学习下
第二个有提示文字的用到了（五十一）c#Winform自定义控件-文字提示
<h1>开始</h1>
添加一个类UCTrackBar，继承Control
添加属性
<div class="cnblogs_code">
<pre> 1
 2 public event EventHandler ValueChanged;
 3
 4 private int dcimalDigits = 0;
 5
 6
 7 public int DcimalDigits
 8 {
 9 get { return dcimalDigits; }
10 set { dcimalDigits = value; }
11 }
12
13 private float lineWidth = 10;
14
15
16 public float LineWidth
17 {
18 get { return lineWidth; }
19 set { lineWidth = value; }
20 }
21
22 private float minValue = 0;
23
24
25 public float MinValue
26 {
27 get { return minValue; }
28 set
29 {
30 if (minValue > m_value)
31 return;
32 minValue = value;
33 this.Refresh();
34 }
35 }
36
37 private float maxValue = 100;
38
39
40 public float MaxValue
41 {
42 get { return maxValue; }
43 set
44 {
45 if (value < m_value)
46 return;
47 maxValue = value;
48 this.Refresh();
49 }
50 }
51
52 private float m_value = 0;
53
54
55 public float Value
56 {
57 get { return this.m_value; }
58 set
59 {
60 if (value > maxValue || value < minValue)
61 return;
62 var v = (float)Math.Round((double)value, dcimalDigits);
63 if (value == v)
64 return;
65 this.m_value = v;
66 this.Refresh();
67 if (ValueChanged != null)
68 {
69 ValueChanged(this, null);
70 }
71 }
72 }
73
74 private Color m_lineColor = Color.FromArgb(255, 77, 59);
75
76
77 public Color LineColor
78 {
79 get { return m_lineColor; }
80 set
81 {
82 m_lineColor = value;
83 this.Refresh();
84 }
85 }
86 RectangleF m_lineRectangle;
87 RectangleF m_trackRectangle;</pre>
</div>
重绘
<div class="cnblogs_code">
<pre> 1protected override void OnPaint(PaintEventArgs e)
 2 {
 3 base.OnPaint(e);
 4 Graphics g = e.Graphics;
 5 g.SetGDIHigh();
 6 m_lineRectangle = new RectangleF(lineWidth, (this.Size.Height - lineWidth) / 2, this.Size.Width - lineWidth * 2, lineWidth);
 7 GraphicsPath pathLine = ControlHelper.CreateRoundedRectanglePath(m_lineRectangle, 5);
 8 g.FillPath(new SolidBrush(m_lineColor), pathLine);
 9 m_trackRectangle = new RectangleF(m_lineRectangle.Left - lineWidth + (((float)m_value / (float)(maxValue - minValue)) * (this.Size.Width - lineWidth * 2)), (this.Size.Height - lineWidth * 2) / 2, lineWidth * 2, lineWidth * 2);
10 g.FillEllipse(new SolidBrush(m_lineColor), m_trackRectangle);
11 g.FillEllipse(Brushes.White, new RectangleF(m_trackRectangle.X + m_trackRectangle.Width / 4, m_trackRectangle.Y + m_trackRectangle.Height / 4, m_trackRectangle.Width / 2, m_trackRectangle.Height / 2));
12 }</pre>
</div>
处理拖动
<div class="cnblogs_code">
<pre> 1public UCTrackBar()
 2 {
 3 this.Size = new Size(250, 30);
 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 this.MouseDown += UCTrackBar_MouseDown;
11 this.MouseMove += UCTrackBar_MouseMove;
12 this.MouseUp += UCTrackBar_MouseUp;
13 }
14
15 bool blnDown = false;
16 void UCTrackBar_MouseDown(object sender, MouseEventArgs e)
17 {
18 if (m_lineRectangle.Contains(e.Location) || m_trackRectangle.Contains(e.Location))
19 {
20 blnDown = true;
21 Value = ((float)e.Location.X / (float)this.Width) * (maxValue - minValue);
22 }
23 }
24 void UCTrackBar_MouseMove(object sender, MouseEventArgs e)
25 {
26 if (blnDown)
27 {
28 Value = ((float)e.Location.X / (float)this.Width) * (maxValue - minValue);
29 }
30 }
31 void UCTrackBar_MouseUp(object sender, MouseEventArgs e)
32 {
33 blnDown = false;
34 }</pre>
</div>
完整代码
<div class="cnblogs_code"><img alt="" id="code_img_closed_168b8fe1-49b6-44ff-b632-3ce9f437291f" class="code_img_closed lazyload" data-src="http://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif"><img alt="" id="code_img_opened_168b8fe1-49b6-44ff-b632-3ce9f437291f" class="code_img_opened lazyload" style="display: none" data-src="http://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif">
<div id="cnblogs_code_open_168b8fe1-49b6-44ff-b632-3ce9f437291f" class="cnblogs_code_hide">
<pre>1 using System;
2 using System.Collections.Generic;
3 using System.Linq;
4 using System.Text;
5 using System.Windows.Forms;
6 using System.Drawing;
7 using System.Drawing.Drawing2D;
8 using System.ComponentModel;
9
 10 namespace HZH_Controls.Controls
 11 {
 12 public class UCTrackBar : Control
 13 {
 14
 15 public event EventHandler ValueChanged;
 16
 17 private int dcimalDigits = 0;
 18
 19
 20 public int DcimalDigits
 21 {
 22 get { return dcimalDigits; }
 23 set { dcimalDigits = value; }
 24 }
 25
 26 private float lineWidth = 10;
 27
 28
 29 public float LineWidth
 30 {
 31 get { return lineWidth; }
 32 set { lineWidth = value; }
 33 }
 34
 35 private float minValue = 0;
 36
 37
 38 public float MinValue
 39 {
 40 get { return minValue; }
 41 set
 42 {
 43 if (minValue > m_value)
 44 return;
 45 minValue = value;
 46 this.Refresh();
 47 }
 48 }
 49
 50 private float maxValue = 100;
 51
 52
 53 public float MaxValue
 54 {
 55 get { return maxValue; }
 56 set
 57 {
 58 if (value < m_value)
 59 return;
 60 maxValue = value;
 61 this.Refresh();
 62 }
 63 }
 64
 65 private float m_value = 0;
 66
 67
 68 public float Value
 69 {
 70 get { return this.m_value; }
 71 set
 72 {
 73 if (value > maxValue || value < minValue)
 74 return;
 75 var v = (float)Math.Round((double)value, dcimalDigits);
 76 if (value == v)
 77 return;
 78 this.m_value = v;
 79 this.Refresh();
 80 if (ValueChanged != null)
 81 {
 82 ValueChanged(this, null);
 83 }
 84 }
 85 }
 86
 87 private Color m_lineColor = Color.FromArgb(255, 77, 59);
 88
 89
 90 public Color LineColor
 91 {
 92 get { return m_lineColor; }
 93 set
 94 {
 95 m_lineColor = value;
 96 this.Refresh();
 97 }
 98 }
 99 RectangleF m_lineRectangle;
100 RectangleF m_trackRectangle;
101
102 public UCTrackBar()
103 {
104 this.Size = new Size(250, 30);
105 this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);
106 this.SetStyle(ControlStyles.DoubleBuffer, true);
107 this.SetStyle(ControlStyles.ResizeRedraw, true);
108 this.SetStyle(ControlStyles.Selectable, true);
109 this.SetStyle(ControlStyles.SupportsTransparentBackColor, true);
110 this.SetStyle(ControlStyles.UserPaint, true);
111 this.MouseDown += UCTrackBar_MouseDown;
112 this.MouseMove += UCTrackBar_MouseMove;
113 this.MouseUp += UCTrackBar_MouseUp;
114 }
115
116 bool blnDown = false;
117 void UCTrackBar_MouseDown(object sender, MouseEventArgs e)
118 {
119 if (m_lineRectangle.Contains(e.Location) || m_trackRectangle.Contains(e.Location))
120 {
121 blnDown = true;
122 Value = ((float)e.Location.X / (float)this.Width) * (maxValue - minValue);
123 }
124 }
125 void UCTrackBar_MouseMove(object sender, MouseEventArgs e)
126 {
127 if (blnDown)
128 {
129 Value = ((float)e.Location.X / (float)this.Width) * (maxValue - minValue);
130 }
131 }
132 void UCTrackBar_MouseUp(object sender, MouseEventArgs e)
133 {
134 blnDown = false;
135 }
136
137
138 protected override void OnPaint(PaintEventArgs e)
139 {
140 base.OnPaint(e);
141 Graphics g = e.Graphics;
142 g.SetGDIHigh();
143 m_lineRectangle = new RectangleF(lineWidth, (this.Size.Height - lineWidth) / 2, this.Size.Width - lineWidth * 2, lineWidth);
144 GraphicsPath pathLine = ControlHelper.CreateRoundedRectanglePath(m_lineRectangle, 5);
145 g.FillPath(new SolidBrush(m_lineColor), pathLine);
146 m_trackRectangle = new RectangleF(m_lineRectangle.Left - lineWidth + (((float)m_value / (float)(maxValue - minValue)) * (this.Size.Width - lineWidth * 2)), (this.Size.Height - lineWidth * 2) / 2, lineWidth * 2, lineWidth * 2);
147 g.FillEllipse(new SolidBrush(m_lineColor), m_trackRectangle);
148 g.FillEllipse(Brushes.White, new RectangleF(m_trackRectangle.X + m_trackRectangle.Width / 4, m_trackRectangle.Y + m_trackRectangle.Height / 4, m_trackRectangle.Width / 2, m_trackRectangle.Height / 2));
149 }
150 }
151 }</pre>
</div>
View Code</div>
 
<h1>最后的话</h1>
如果你喜欢的话，请到 https://gitee.com/kwwwvagaa/net_winform_custom_control 点个星星吧

</div>
<div id="MySignature" role="contentinfo">
<div style="display: block" id="MySignature">
作者：冰封一夏
 
出处：http://www.cnblogs.com/bfyx/
 
HZHControls官网：http://www.hzhcontrols.cn
 
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，
 且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
 
GitHub：https://github.com/kwwwvagaa/NetWinformControl
 
码云：https://gitee.com/kwwwvagaa/net_winform_custom_control.git

</div> 
来源：https://www.cnblogs.com/bfyx/p/11428703.html

頁: [1]

琼殿技术论坛's Archiver

（五十）c#Winform自定义控件-滑块-HZHControls