本文以一个用户控件【User Control】实现温度计的小例子，简述用户控件的相关知识，以供学习分享使用，如有不足之处，还请指正。
概述一般而言，用户控件【User Control】，是在Visual Studio提供的默认控件不能满足实际的工作需要，才需要在现有控件的基础之上进行新的扩展，来实现自己的功能。用户控件有自己特有的属性，事件，方法来支撑特定的功能。用户控件封装实现的细节，可以进行方便的复用。
用户控件分类用户控件主要有以下三种分类，本例采用的是第三种。
复合控件（Composite Controls）：将现有的各种控件组合起来，形成一个新的控件，来满足用户的需求。扩展控件（Extended Controls）：就是在现有的控件基础上，派生出一个新的控件，增加新的功能，或者修改原有功能，来满足用户需求。自定义控件（Custom Controls）：就是直接从UserControl类派生，也就是说完全由自己来设计、实现一个全新的控件，这是最灵活、最强大的方法。涉及知识点本例中主要涉及以下知识点：
UserControl ： 提供一个可用来创建其他控件的空控件。用户创建一个用户控件，会默认继承这个类。OnPaint ：控件重绘方法，是protected修饰符，本例中需要重写此方法。Graphics ： 密封类，不可被继承，用于绘制图形（包括矩形，扇形，直线等）。tooltip ： 表示一个长方形的小d出窗口，该窗口在用户将指针悬停在一个控件上时显示有关该控件用途的简短说明。鼠标事件函数：OnMouseHover 鼠标悬停时触发函数，OnMouseLeave鼠标离开时触发函数。DataGrIDVIEw：在可自定义的网格中显示数据。示例效果图本例中示例效果图如下所示：
关键代码本例中的关键代码如下：
1 using System; 2 System.Collections.Generic; 3 System.ComponentModel; 4 System.Drawing; 5 System.Data; 6 System.linq; 7 System.Text; 8 System.Threading.Tasks; 9 System.windows.Forms; 10 11 namespace DemoThermometer 12 { 13 public partial class Thermometer : UserControl 14 { 15 #region 属性与构造函数 16 17 private int interval = 10; 18 19 /// <summary> 20 /// 刻度间隔 21 </summary> 22 int Interval 23 { 24 get { return interval; } 25 26 set { interval = value; } 27 } 28 29 int minValue = -50 30 31 32 最低温度 33 34 MinValue 35 36 minValue; } 37 38 set { minValue = 39 40 41 int maxValue = 42 43 44 最高温度 45 46 MaxValue 47 48 maxValue; } 49 50 set { maxValue = 51 52 53 float curValue = 0 54 55 56 当前温度 57 58 float CurValue 59 60 curValue; } 61 62 set { curValue = 63 64 65 private color thermocolor = color.Red; 66 67 68 温度条颜色 69 70 public color Thermocolor 71 72 thermocolor; } 73 74 set { thermocolor = 75 76 77 private color backGroundcolor = color.SkyBlue; 78 79 80 温度计背景色 81 82 color BackGroundcolor 83 84 backGroundcolor; } 85 86 set { backGroundcolor = 87 88 89 private Font thermoFont=new Font("宋体",,FontStyle.Regular); 90 91 92 温度计上字体 93 94 Font ThermoFont 95 96 thermoFont; } 97 98 set { thermoFont = 99 100 101 string thermoTitle = 温度计"102 103 104 标题105 106 string ThermoTitle107 108 return this.thermoTitle; }109 set { this.thermoTitle =110 111 112 bool showTip = false113 114 115 是否显示提示116 117 bool ShowTip118 119 showTip; }120 121 set { showTip =122 123 124 private tooltip tip=new tooltip();125 126 Thermometer()127 128 InitializeComponent();129 130 131 #endregion132 133 protected overrIDe voID OnPaint(PaintEventArgs e)134 135 136 //base.OnPaint(e);137 this.Backcolor = this.backGroundcolor;138 int wIDth = .WIDth;139 int height = this.Height - ;140 Graphics g = e.Graphics;141 int c_x = wIDth / 2142 int c_y = height / 143 int padding = this.padding.All;空白144 int r = (wIDth - 2 * padding)/2;半径145 int d = 2 * r;直径146 int dis = 两个半圆之间的间隔147 int dis2 = 2 * dis;填充与边框之间的距离148 int startAngle1 = -180149 int startAngle2 = 150 int sweepAngle1 = 151 首先画顶端一个半圆152 g.DrawPIE(Pens.Black, Rectangle(padding,padding,d,d),startAngle1,sweepAngle1);153 g.DrawPIE(Pens.Black,1)">new Rectangle(padding+ dis,padding+ dis,d-2* dis,1)">2* dis),1)">154 填充背景色155 g.FillPIE(new SolIDBrush(this.backGroundcolor),1)">new Rectangle(padding + dis2,padding + dis2,d - 2*dis2,1)">dis2),1)">156 画底端一个半圆157 g.DrawPIE(Pens.Black,1)">new Rectangle(padding,height-d-padding,startAngle2,1)">158 g.DrawPIE(Pens.Black,1)">new Rectangle(padding + dis,height-d-padding + dis,1)">2*dis,1)">dis),1)">159 g.FillPIE(160 画一个矩形161 g.DrawRectangle(Pens.Black,padding + r,height - d - 2 * padding));162 g.DrawRectangle(Pens.Black,1)">new Rectangle(padding+dis,padding + r+dis,1)">2 * padding-dis));163 背景色填充，去掉边界线164 g.FillRectangle(new Rectangle(padding+3,padding + r-2,1)">2 * r-6,1)">6));165 g.FillRectangle(new Rectangle(padding + 4,1)">2 * r - 8166 背景色填充中间部分167 g.FillRectangle(2 * padding - dis2));168 画刻度169 int s_s_x_1 = padding + r - 20170 int s_s_x_2 = wIDth-padding - r + 171 int s_s_y = padding + r+4172 int total = this.maxValue - .minValue;173 int scale_wIDth = 5;刻度宽度174 int scale = total / .interval;175 int pscale = (height - 2 * padding) / this.interval;像素间隔176 177 竖线178 g.Drawline(Pens.Black,1)">new Point(s_s_x_1,s_s_y ),s_s_y + this.interval* pscale));179 g.Drawline(Pens.Black,1)">new Point(s_s_x_2,s_s_y),1)">this.interval *180 for (int i = 0; i <= this.interval; i++) {181 横线刻度182 g.Drawline(Pens.Black,1)">new Point(s_s_x_1- scale_wIDth,s_s_y + i * pscale),s_s_y + i *183 g.Drawline(Pens.Black,1)">new Point(s_s_x_2 + scale_wIDth,1)">184 画刻度数字185 186 g.DrawString((this.maxValue - (scale * i)).ToString(),1)">this.thermoFont,1)">new SolIDBrush( this.Forecolor),1)">new Point(s_s_x_1-35,s_s_y + i * pscale-187 g.DrawString((new Point(s_s_x_2 + 10,1)">188 }189 int white_wIDth = 3;中间白色线宽度190 画条白色细线191 g.FillRectangle(Brushes.White,1)">new Rectangle(c_x- white_wIDth,r/r));192 在底部画一个圆球193 g.FillPIE(this.thermocolor),1)">new Rectangle(c_x-r/2+5,height - r - padding,r-10),1)">0,1)">360);194 根据当前温度画红色线195 int red_wIDth = 红色温度线宽度196 float ii = ( this.curValue-this.minValue) / 197 g.FillRectangle(new RectangleF(c_x - red_wIDth,height - r - padding- (ii * pscale)-2* red_wIDth,ii * pscale+5));此处有一像素的误差198 画标志字符单℃位199 g.DrawString(℃new Point(c_x - 30,r / 2 - 200 Font TitleFont = 13201 绘制标题202 Sizef tsize = g.MeasureString(.thermoTitle,TitleFont);203 g.DrawString(this.thermoTitle,TitleFont,1)">new PointF(c_x- (tsize.WIDth/2),height + 5204 string cur = string.Format(当前温度：{0}℃.curValue);205 Sizef tsize2 = g.MeasureString(cur,1)">.thermoFont);206 g.DrawString(cur,1)">new PointF(c_x - (tsize2.WIDth / 10+tsize.Height));207 208 209 210 当鼠标覆盖进去时211 212 <param name="e"></param>213 OnMouseHover(EventArgs e)214 215 this.showTip = true216 需要显示的内容217 int x = this.WIDth / 218 int y = (this.Height-50) / 219 StringBuilder sbTips = StringBuilder();220 sbTips.Appendline(this.ThermoTitle);221 sbTips.Appendline(当前温度：{0}.curValue));222 sbTips.Appendline(单位：℃223 tip.tooltipTitle = .ThermoTitle;224 tip.IsBalloon = 225 tip.UseFading = 226 t.Settooltip(this,sbTips.ToString());227 tip.Show(sbTips.ToString(),x,y);228 229 230 231 OnMouseLeave(EventArgs e)232 233 234 tip.HIDe(235 236 }237 }VIEw Code
关于页面调用控件刷新代码如下：
1 voID dgDetail_SelectionChanged(object sender,EventArgs e) 2 3 foreach (DataGrIDVIEwRow row in .dgDetail.Rows) 4 { 5 if (row.Selected) 6 { 7 DaTarowVIEw drv = row.DataBoundItem as DaTarowVIEw; 8 DaTarow dr = drv.Row; 9 this.t1.CurValue = int.Parse(dr[Morning].ToString());10 this.t1.ThermoTitle = {0}温度colMorning].headerText);11 .t1.Refresh();12 this.t2.CurValue = MIDdle13 this.t2.ThermoTitle = colMIDdle14 .t2.Refresh();15 this.t3.CurValue = After16 this.t3.ThermoTitle = colAfter17 .t3.Refresh();18 this.t4.CurValue = Night19 this.t4.ThermoTitle = colNight20 .t4.Refresh();21 }22 23 }VIEw Code
圆角Panel
关于要实现圆角Panel【扩展控件】，需要以下几个步骤
定义一个用户控件，继承于Panel，主要是为了继承Panel的其他容器特性。重写Panel的OnPaint方法，进行绘制四个圆角。圆角Panel效果图如下：圆角Panel核心代码如下3 5 7 8 9 10 11 12 13 UPanelControl : Panel14 15 int radius = 15;弧度半径16 17 Radius18 19 radius; }20 21 set { radius =23 24 private color bordercolor =25 26 color bordercolor27 28 bordercolor; }29 set { bordercolor =30 31 32 UPanelControl()33 34 35 36 37 38 39 base.OnPaint(e);40 Graphics g =41 42 .Height;43 radius;44 int p = 1;偏移量45 Pen borderPen = new Pen(bordercolor,1)">146 Brush brush= .Backcolor);47 左上48 g.DrawPIE(borderPen,1)">new Rectangle(180,1)">9049 g.FillPIE(brush,1)">new Rectangle(p,p,1)">50 51 左下52 g.DrawPIE(borderPen,height-d,1)">90,1)">53 g.FillPIE(brush,height-d-p,d ),1)">54 右上55 g.DrawPIE(borderPen,1)">new Rectangle(wIDth-d,1)">270,1)">56 g.FillPIE(brush,1)">new Rectangle(wIDth-d-p,1)">57 右下58 g.DrawPIE(borderPen,1)">new Rectangle(wIDth - d,height - d,1)">59 g.FillPIE(brush,1)">new Rectangle(wIDth - d - p,1)">60 左边竖线61 g.Drawline(borderPen,radius,height - radius);62 63 上边竖线64 g.Drawline(borderPen,wIDth-radius,1)">65 66 右边竖线67 g.Drawline(borderPen,wIDth-1,radius-368 69 下边竖线70 g.Drawline(borderPen,height-71 72 73 }VIEw Code
总结
以上是内存溢出为你收集整理的C# 用户控件之温度计全部内容，希望文章能够帮你解决C# 用户控件之温度计所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）