(七十)c#Winform自定义控件-饼状图

2021-02-02 00:13

阅读:507

标签:row   rri   inf   控件   orm   代码   sse   ***   styles   

前提

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

GitHub:https://github.com/kwwwvagaa/NetWinformControl

码云:https://gitee.com/kwwwvagaa/net_winform_custom_control.git

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

欢迎前来交流探讨: 企鹅群568015492 技术图片

麻烦博客下方点个【推荐】,谢谢

NuGet

Install-Package HZH_Controls

目录

https://www.cnblogs.com/bfyx/p/11364884.html

用处及效果

技术图片

准备工作

使用GDI+画的控件,不了解可以先百度下

开始

添加一个类UCPieChart ,继承UserControl

添加一些属性

  1  /// 
  2         /// The pie items
  3         /// 
  4         private PieItem[] pieItems = new PieItem[0];
  5 
  6         /// 
  7         /// The random
  8         /// 
  9         private Random random = null;
 10 
 11         /// 
 12         /// The format center
 13         /// 
 14         private StringFormat formatCenter = null;
 15 
 16         /// 
 17         /// The margin
 18         /// 
 19         private int margin = 50;
 20 
 21         /// 
 22         /// The m is render percent
 23         /// 
 24         private bool m_IsRenderPercent = false;
 25 
 26         /// 
 27         /// The percen format
 28         /// 
 29         private string percenFormat = "{0:F2}%";
 30 
 31         /// 
 32         /// The components
 33         /// 
 34         private IContainer components = null;
 35 
 36         /// 
 37         /// Gets or sets a value indicating whether this instance is render percent.
 38         /// 
 39         /// true if this instance is render percent; otherwise, false.
 40         [Browsable(true)]
 41         [Category("自定义")]
 42         [DefaultValue(false)]
 43         [Description("获取或设置是否显示百分比占用")]
 44         public bool IsRenderPercent
 45         {
 46             get
 47             {
 48                 return m_IsRenderPercent;
 49             }
 50             set
 51             {
 52                 m_IsRenderPercent = value;
 53                 Invalidate();
 54             }
 55         }
 56 
 57 
 58         /// 
 59         /// Gets or sets the text margin.
 60         /// 
 61         /// The text margin.
 62         [Browsable(true)]
 63         [Category("自定义")]
 64         [Description("获取或设置文本距离,单位为像素,默认50")]
 65         [DefaultValue(50)]
 66         public int TextMargin
 67         {
 68             get
 69             {
 70                 return margin;
 71             }
 72             set
 73             {
 74                 margin = value;
 75                 Invalidate();
 76             }
 77         }
 78 
 79 
 80         /// 
 81         /// Gets or sets the percent format.
 82         /// 
 83         /// The percent format.
 84         [Browsable(true)]
 85         [Category("自定义")]
 86         [Description("获取或设置文百分比文字的格式化信息")]
 87         [DefaultValue("{0:F2}%")]
 88         public string PercentFormat
 89         {
 90             get
 91             {
 92                 return percenFormat;
 93             }
 94             set
 95             {
 96                 percenFormat = value;
 97                 Invalidate();
 98             }
 99         }
100 
101         /// 
102         /// The center of circle color
103         /// 
104         private Color centerOfCircleColor = Color.White;
105         /// 
106         /// Gets or sets the color of the center of circle.
107         /// 
108         /// The color of the center of circle.
109         [Browsable(true)]
110         [Category("自定义")]
111         [Description("获取或设置圆心颜色")]
112         public Color CenterOfCircleColor
113         {
114             get { return centerOfCircleColor; }
115             set
116             {
117                 centerOfCircleColor = value;
118                 Invalidate();
119             }
120         }
121 
122         /// 
123         /// The center of circle width
124         /// 
125         private int centerOfCircleWidth = 0;
126         /// 
127         /// Gets or sets the width of the center of circle.
128         /// 
129         /// The width of the center of circle.
130         [Browsable(true)]
131         [Category("自定义")]
132         [Description("获取或设置圆心宽度")]
133         public int CenterOfCircleWidth
134         {
135             get { return centerOfCircleWidth; }
136             set
137             {
138                 if (value 0)
139                     return;
140                 centerOfCircleWidth = value;
141                 Invalidate();
142             }
143         }
144 
145         /// 
146         /// The title
147         /// 
148         private string title;
149         /// 
150         /// Gets or sets the ti tle.
151         /// 
152         /// The ti tle.
153         [Browsable(true)]
154         [Category("自定义")]
155         [Description("获取或设置标题")]
156         public string TiTle
157         {
158             get { return title; }
159             set
160             {
161                 title = value;
162                 ResetTitleHeight();
163                 Invalidate();
164             }
165         }
166         /// 
167         /// The title font
168         /// 
169         private Font titleFont = new Font("微软雅黑", 12);
170         /// 
171         /// Gets or sets the title font.
172         /// 
173         /// The title font.
174         [Browsable(true)]
175         [Category("自定义")]
176         [Description("获取或设置标题字体")]
177         public Font TitleFont
178         {
179             get { return titleFont; }
180             set
181             {
182                 titleFont = value;
183                 ResetTitleHeight();
184                 Invalidate();
185             }
186         }
187 
188         /// 
189         /// The title froe color
190         /// 
191         private Color titleFroeColor = Color.Black;
192         /// 
193         /// Gets or sets the color of the title froe.
194         /// 
195         /// The color of the title froe.
196         [Browsable(true)]
197         [Category("自定义")]
198         [Description("获取或设置标题颜色")]
199         public Color TitleFroeColor
200         {
201             get { return titleFroeColor; }
202             set
203             {
204                 titleFroeColor = value;
205                 Invalidate();
206             }
207         }
208 
209         /// 
210         /// The title size
211         /// 
212         private SizeF titleSize = SizeF.Empty;
213         /// 
214         /// Resets the height of the title.
215         /// 
216         private void ResetTitleHeight()
217         {
218             if (string.IsNullOrEmpty(title))
219                 titleSize = SizeF.Empty;
220             else
221             {
222                 using (var g = this.CreateGraphics())
223                 {
224                     titleSize = g.MeasureString(title, titleFont);
225                 }
226             }
227         }
228 
229         /// 
230         /// Gets or sets the data source.
231         /// 
232         /// The data source.
233         [Browsable(true)]
234         [Category("自定义")]
235         [Description("获取或设置标题颜色")]
236         [Localizable(true)]
237         public PieItem[] DataSource
238         {
239             get { return pieItems; }
240             set
241             {
242                 pieItems = value;
243                 Invalidate();
244             }
245         }

重绘

  1  protected override void OnPaint(PaintEventArgs e)
  2         {
  3             e.Graphics.SetGDIHigh();
  4 
  5             int width;
  6             Point centerPoint = GetCenterPoint(out width);
  7             Rectangle rectangle = new Rectangle(centerPoint.X - width, centerPoint.Y - width, width * 2, width * 2);
  8             if (width > 0 && pieItems.Length != 0)
  9             {
 10                 if (!string.IsNullOrEmpty(title))
 11                     e.Graphics.DrawString(title, titleFont, new SolidBrush(titleFroeColor), new PointF((this.Width - titleSize.Width) / 2, 5));               
 12                 Rectangle rect = new Rectangle(rectangle.X - centerPoint.X, rectangle.Y - centerPoint.Y, rectangle.Width, rectangle.Height);
 13                 e.Graphics.TranslateTransform(centerPoint.X, centerPoint.Y);
 14                 e.Graphics.RotateTransform(90f);
 15                 int num = pieItems.Sum((PieItem item) => item.Value);
 16                 float num2 = 0f;
 17                 float num3 = -90f;
 18                 for (int i = 0; i )
 19                 {
 20                     Color cItem = pieItems[i].PieColor ?? ControlHelper.Colors[i];
 21                     Pen pen = new Pen(cItem, 1f);
 22                     SolidBrush solidBrush = new SolidBrush(cItem);
 23                     SolidBrush solidBrush2 = new SolidBrush(cItem);
 24                     Brush percentBrush = new SolidBrush(cItem);
 25                     float num4 = e.Graphics.MeasureString(pieItems[i].Name, Font).Width + 3f;
 26                     float num5 = (num != 0) ? Convert.ToSingle((double)pieItems[i].Value * 1.0 / (double)num * 360.0) : ((float)(360 / pieItems.Length));
 27                     e.Graphics.FillPie(solidBrush, rect, 0f, 0f - num5);
 28                     e.Graphics.DrawPie(new Pen(solidBrush), rect, 0f, 0f - num5);
 29                     e.Graphics.RotateTransform(0f - num5 / 2f);
 30                     if (num5  2f)
 31                     {
 32                         num2 += num5;
 33                     }
 34                     else
 35                     {
 36                         num2 += num5 / 2f;
 37                         int num6 = 15;
 38                         if (num2  315f)
 39                         {
 40                             num6 = 20;
 41                         }
 42                         if (num2 > 135f && num2  225f)
 43                         {
 44                             num6 = 20;
 45                         }
 46                         e.Graphics.DrawLine(pen, width * 2 / 3, 0, width + num6, 0);
 47                         e.Graphics.TranslateTransform(width + num6, 0f);
 48                         if (num2 - num3  5f)
 49                         {
 50                         }
 51                         num3 = num2;
 52                         if (num2  180f)
 53                         {
 54                             e.Graphics.RotateTransform(num2 - 90f);
 55                             e.Graphics.DrawLine(pen, 0f, 0f, num4, 0f);
 56                             e.Graphics.DrawString(pieItems[i].Name, Font, solidBrush2, new Point(0, -Font.Height));
 57                             if (IsRenderPercent)
 58                             {
 59                                 e.Graphics.DrawString(string.Format(percenFormat, num5 * 100f / 360f), Font, percentBrush, new Point(0, 1));
 60                             }
 61                             e.Graphics.RotateTransform(90f - num2);
 62                         }
 63                         else
 64                         {
 65                             e.Graphics.RotateTransform(num2 - 270f);
 66                             e.Graphics.DrawLine(pen, 0f, 0f, num4, 0f);
 67                             e.Graphics.TranslateTransform(num4 - 3f, 0f);
 68                             e.Graphics.RotateTransform(180f);
 69                             e.Graphics.DrawString(pieItems[i].Name, Font, solidBrush2, new Point(0, -Font.Height));
 70                             if (IsRenderPercent)
 71                             {
 72                                 e.Graphics.DrawString(string.Format(percenFormat, num5 * 100f / 360f), Font, percentBrush, new Point(0, 1));
 73                             }
 74                             e.Graphics.RotateTransform(-180f);
 75                             e.Graphics.TranslateTransform(0f - num4 + 3f, 0f);
 76                             e.Graphics.RotateTransform(270f - num2);
 77                         }
 78                         e.Graphics.TranslateTransform(-width - num6, 0f);
 79                         e.Graphics.RotateTransform(0f - num5 / 2f);
 80                         num2 += num5 / 2f;
 81                     }
 82                     solidBrush.Dispose();
 83                     pen.Dispose();
 84                     solidBrush2.Dispose();
 85                     percentBrush.Dispose();
 86                 }
 87                 e.Graphics.ResetTransform();
 88 
 89                 if (centerOfCircleWidth > 0)
 90                 {
 91                     Rectangle rectCenter = new Rectangle(rect.Left + rect.Width / 2 - centerOfCircleWidth / 2, rect.Top + rect.Height / 2 - centerOfCircleWidth / 2, centerOfCircleWidth, centerOfCircleWidth);
 92                     e.Graphics.FillEllipse(new SolidBrush(centerOfCircleColor), rectCenter);
 93                 }
 94             }
 95             else
 96             {
 97                 e.Graphics.FillEllipse(Brushes.AliceBlue, rectangle);
 98                 e.Graphics.DrawEllipse(Pens.DodgerBlue, rectangle);
 99                 e.Graphics.DrawString("无数据", Font, Brushes.DimGray, rectangle, formatCenter);
100             }
101             base.OnPaint(e);
102         }

一些辅助函数

 1  /// 
 2         /// Sets the data source.
 3         /// 
 4         /// The source.
 5         public void SetDataSource(PieItem[] source)
 6         {
 7             if (source != null)
 8             {
 9                 DataSource = source;
10             }
11         }
12         /// 
13         /// Sets the data source.
14         /// 
15         /// The names.
16         /// The values.
17         /// 
18         /// names
19         /// or
20         /// values
21         /// 
22         /// 两个数组的长度不一致!
23         public void SetDataSource(string[] names, int[] values)
24         {
25             if (names == null)
26             {
27                 throw new ArgumentNullException("names");
28             }
29             if (values == null)
30             {
31                 throw new ArgumentNullException("values");
32             }
33             if (names.Length != values.Length)
34             {
35                 throw new Exception("两个数组的长度不一致!");
36             }
37             pieItems = new PieItem[names.Length];
38             for (int i = 0; i )
39             {
40                 pieItems[i] = new PieItem
41                 {
42                     Name = names[i],
43                     Value = values[i]
44                 };
45             }
46             Invalidate();
47         }

完整代码

技术图片技术图片
  1 // ***********************************************************************
  2 // Assembly         : HZH_Controls
  3 // Created          : 2019-09-23
  4 //
  5 // ***********************************************************************
  6 //   7 //     Copyright by Huang Zhenghui(黄正辉) All, QQ group:568015492 QQ:623128629 Email:623128629@qq.com
  8 // 
  9 //
 10 // Blog: https://www.cnblogs.com/bfyx
 11 // GitHub:https://github.com/kwwwvagaa/NetWinformControl
 12 // gitee:https://gitee.com/kwwwvagaa/net_winform_custom_control.git
 13 //
 14 // If you use this code, please keep this note.
 15 // ***********************************************************************
 16 using System;
 17 using System.ComponentModel;
 18 using System.ComponentModel.Design;
 19 using System.Drawing;
 20 using System.Drawing.Drawing2D;
 21 using System.Drawing.Text;
 22 using System.Linq;
 23 using System.Windows.Forms;
 24 
 25 namespace HZH_Controls.Controls
 26 {
 27     /// 
 28     /// Class UCPieChart.
 29     /// Implements the 
 30     /// 
 31     /// 
 32     public class UCPieChart : UserControl
 33     {
 34         /// 
 35         /// The pie items
 36         /// 
 37         private PieItem[] pieItems = new PieItem[0];
 38 
 39         /// 
 40         /// The random
 41         /// 
 42         private Random random = null;
 43 
 44         /// 
 45         /// The format center
 46         /// 
 47         private StringFormat formatCenter = null;
 48 
 49         /// 
 50         /// The margin
 51         /// 
 52         private int margin = 50;
 53 
 54         /// 
 55         /// The m is render percent
 56         /// 
 57         private bool m_IsRenderPercent = false;
 58 
 59         /// 
 60         /// The percen format
 61         /// 
 62         private string percenFormat = "{0:F2}%";
 63 
 64         /// 
 65         /// The components
 66         /// 
 67         private IContainer components = null;
 68 
 69         /// 
 70         /// Gets or sets a value indicating whether this instance is render percent.
 71         /// 
 72         /// true if this instance is render percent; otherwise, false.
 73         [Browsable(true)]
 74         [Category("自定义")]
 75         [DefaultValue(false)]
 76         [Description("获取或设置是否显示百分比占用")]
 77         public bool IsRenderPercent
 78         {
 79             get
 80             {
 81                 return m_IsRenderPercent;
 82             }
 83             set
 84             {
 85                 m_IsRenderPercent = value;
 86                 Invalidate();
 87             }
 88         }
 89 
 90 
 91         /// 
 92         /// Gets or sets the text margin.
 93         /// 
 94         /// The text margin.
 95         [Browsable(true)]
 96         [Category("自定义")]
 97         [Description("获取或设置文本距离,单位为像素,默认50")]
 98         [DefaultValue(50)]
 99         public int TextMargin
100         {
101             get
102             {
103                 return margin;
104             }
105             set
106             {
107                 margin = value;
108                 Invalidate();
109             }
110         }
111 
112 
113         /// 
114         /// Gets or sets the percent format.
115         /// 
116         /// The percent format.
117         [Browsable(true)]
118         [Category("自定义")]
119         [Description("获取或设置文百分比文字的格式化信息")]
120         [DefaultValue("{0:F2}%")]
121         public string PercentFormat
122         {
123             get
124             {
125                 return percenFormat;
126             }
127             set
128             {
129                 percenFormat = value;
130                 Invalidate();
131             }
132         }
133 
134         /// 
135         /// The center of circle color
136         /// 
137         private Color centerOfCircleColor = Color.White;
138         /// 
139         /// Gets or sets the color of the center of circle.
140         /// 
141         /// The color of the center of circle.
142         [Browsable(true)]
143         [Category("自定义")]
144         [Description("获取或设置圆心颜色")]
145         public Color CenterOfCircleColor
146         {
147             get { return centerOfCircleColor; }
148             set
149             {
150                 centerOfCircleColor = value;
151                 Invalidate();
152             }
153         }
154 
155         /// 
156         /// The center of circle width
157         /// 
158         private int centerOfCircleWidth = 0;
159         /// 
160         /// Gets or sets the width of the center of circle.
161         /// 
162         /// The width of the center of circle.
163         [Browsable(true)]
164         [Category("自定义")]
165         [Description("获取或设置圆心宽度")]
166         public int CenterOfCircleWidth
167         {
168             get { return centerOfCircleWidth; }
169             set
170 


评论


亲,登录后才可以留言!