C#用戶控件之溫度計(jì)設(shè)計(jì)
本文以一個(gè)用戶控件【User Control】實(shí)現(xiàn)溫度計(jì)的小例子,簡(jiǎn)述用戶控件的相關(guān)知識(shí),以供學(xué)習(xí)分享使用,如有不足之處,還請(qǐng)指正。
概述
一般而言,用戶控件【User Control】,是在Visual Studio提供的默認(rèn)控件不能滿足實(shí)際的工作需要,才需要在現(xiàn)有控件的基礎(chǔ)之上進(jìn)行新的擴(kuò)展,來實(shí)現(xiàn)自己的功能。用戶控件有自己特有的屬性,事件,方法來支撐特定的功能。用戶控件封裝實(shí)現(xiàn)的細(xì)節(jié),可以進(jìn)行方便的復(fù)用。
用戶控件分類
用戶控件主要有以下三種分類,本例采用的是第三種。
- 復(fù)合控件(Composite Controls):將現(xiàn)有的各種控件組合起來,形成一個(gè)新的控件,來滿足用戶的需求。
- 擴(kuò)展控件(Extended Controls):就是在現(xiàn)有的控件基礎(chǔ)上,派生出一個(gè)新的控件,增加新的功能,或者修改原有功能,來滿足用戶需求。
- 自定義控件(Custom Controls):就是直接從UserControl類派生,也就是說完全由自己來設(shè)計(jì)、實(shí)現(xiàn)一個(gè)全新的控件,這是最靈活、最強(qiáng)大的方法。
涉及知識(shí)點(diǎn)
本例中主要涉及以下知識(shí)點(diǎn):
- UserControl : 提供一個(gè)可用來創(chuàng)建其他控件的空控件。用戶創(chuàng)建一個(gè)用戶控件,會(huì)默認(rèn)繼承這個(gè)類。
- OnPaint :控件重繪方法,是protected修飾符,本例中需要重寫此方法。
- Graphics : 密封類,不可被繼承,用于繪制圖形(包括矩形,扇形,直線等)。
- ToolTip : 表示一個(gè)長(zhǎng)方形的小彈出窗口,該窗口在用戶將指針懸停在一個(gè)控件上時(shí)顯示有關(guān)該控件用途的簡(jiǎn)短說明。
- 鼠標(biāo)事件函數(shù):OnMouseHover 鼠標(biāo)懸停時(shí)觸發(fā)函數(shù),OnMouseLeave鼠標(biāo)離開時(shí)觸發(fā)函數(shù)。
- DataGridView:在可自定義的網(wǎng)格中顯示數(shù)據(jù)。
示例效果圖
本例中示例效果圖如下所示:

關(guān)鍵代碼
本例中的關(guān)鍵代碼如下:
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Drawing;
using System.Data;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;
namespace DemoThermometer
{
public partial class Thermometer : UserControl
{
#region 屬性與構(gòu)造函數(shù)
private int interval = 10;
/// <summary>
/// 刻度間隔
/// </summary>
public int Interval
{
get { return interval; }
set { interval = value; }
}
private int minValue = -50;
/// <summary>
/// 最低溫度
/// </summary>
public int MinValue
{
get { return minValue; }
set { minValue = value; }
}
private int maxValue = 50;
/// <summary>
/// 最高溫度
/// </summary>
public int MaxValue
{
get { return maxValue; }
set { maxValue = value; }
}
private float curValue = 0;
/// <summary>
/// 當(dāng)前溫度
/// </summary>
public float CurValue
{
get { return curValue; }
set { curValue = value; }
}
private Color thermoColor = Color.Red;
/// <summary>
/// 溫度條顏色
/// </summary>
public Color ThermoColor
{
get { return thermoColor; }
set { thermoColor = value; }
}
private Color backGroundColor = Color.SkyBlue;
/// <summary>
/// 溫度計(jì)背景色
/// </summary>
public Color BackGroundColor
{
get { return backGroundColor; }
set { backGroundColor = value; }
}
private Font thermoFont=new Font("宋體",10,FontStyle.Regular);
/// <summary>
/// 溫度計(jì)上字體
/// </summary>
public Font ThermoFont
{
get { return thermoFont; }
set { thermoFont = value; }
}
private string thermoTitle = "溫度計(jì)";
/// <summary>
/// 標(biāo)題
/// </summary>
public string ThermoTitle
{
get { return this.thermoTitle; }
set { this.thermoTitle = value; }
}
private bool showTip = false;
/// <summary>
/// 是否顯示提示
/// </summary>
public bool ShowTip
{
get { return showTip; }
set { showTip = value; }
}
private ToolTip tip=new ToolTip();
public Thermometer()
{
InitializeComponent();
}
#endregion
protected override void OnPaint(PaintEventArgs e)
{
//base.OnPaint(e);
//this.BackColor = this.backGroundColor;
int width = this.Width;
int height = this.Height - 50 ;
Graphics g = e.Graphics;
int c_x = width / 2;
int c_y = height / 2;
int padding = this.Padding.All;//空白
int r = (width - 2 * padding)/2;//半徑
int d = 2 * r;//直徑
int dis = 2;//兩個(gè)半圓之間的間隔
int dis2 = 2 * dis;//填充與邊框之間的距離
int startAngle1 = -180;
int startAngle2 = 0;
int sweepAngle1 = 180;
//首先畫頂端一個(gè)半圓
g.DrawPie(Pens.Black, new Rectangle(padding, padding, d, d),startAngle1, sweepAngle1);
g.DrawPie(Pens.Black, new Rectangle(padding+ dis, padding+ dis, d-2* dis, d-2* dis), startAngle1, sweepAngle1);
//填充背景色
g.FillPie(new SolidBrush(this.backGroundColor), new Rectangle(padding + dis2, padding + dis2, d - 2*dis2, d - 2*dis2), startAngle1, sweepAngle1);
//畫底端一個(gè)半圓
g.DrawPie(Pens.Black, new Rectangle(padding, height-d-padding, d, d), startAngle2, sweepAngle1);
g.DrawPie(Pens.Black, new Rectangle(padding + dis, height-d-padding + dis, d - 2*dis, d - 2*dis), startAngle2, sweepAngle1);
g.FillPie(new SolidBrush(this.backGroundColor), new Rectangle(padding + dis2, height - d - padding+dis2, d - 2*dis2, d - 2*dis2), startAngle2, sweepAngle1);
//畫一個(gè)矩形
g.DrawRectangle(Pens.Black, new Rectangle(padding, padding + r, d, height - d - 2 * padding));
g.DrawRectangle(Pens.Black, new Rectangle(padding+dis, padding + r+dis, d-2*dis, height - d - 2 * padding-2*dis));
//背景色填充,去掉邊界線
g.FillRectangle(new SolidBrush(this.backGroundColor), new Rectangle(padding+3, padding + r-2, 2 * r-6, 6));
g.FillRectangle(new SolidBrush(this.backGroundColor), new Rectangle(padding + 3, height-r-padding-4, 2 * r - 6, 8));
//背景色填充中間部分
g.FillRectangle(new SolidBrush(this.backGroundColor), new Rectangle(padding + dis2, padding + r + dis2, d - 2*dis2, height -d - 2 * padding - 2*dis2));
//畫刻度
int s_s_x_1 = padding + r - 20;
int s_s_x_2 = width-padding - r + 20;
int s_s_y = padding + r+4;
int total = this.maxValue - this.minValue;
int scale_width = 5;//刻度寬度
int scale = total / this.interval;
int pscale = (height - 2 * r - 2 * padding) / this.interval;//像素間隔
//豎線
g.DrawLine(Pens.Black, new Point(s_s_x_1, s_s_y ), new Point(s_s_x_1, s_s_y + this.interval* pscale));
g.DrawLine(Pens.Black, new Point(s_s_x_2, s_s_y), new Point(s_s_x_2, s_s_y + this.interval * pscale));
for (int i = 0; i <= this.interval; i++) {
//橫線刻度
g.DrawLine(Pens.Black, new Point(s_s_x_1- scale_width, s_s_y + i * pscale), new Point(s_s_x_1, s_s_y + i * pscale));
g.DrawLine(Pens.Black, new Point(s_s_x_2, s_s_y + i * pscale), new Point(s_s_x_2 + scale_width, s_s_y + i * pscale));
//畫刻度數(shù)字
g.DrawString((this.maxValue - (scale * i)).ToString(), this.thermoFont, new SolidBrush( this.ForeColor), new Point(s_s_x_1-35, s_s_y + i * pscale-10));
g.DrawString((this.maxValue - (scale * i)).ToString(), this.thermoFont, new SolidBrush(this.ForeColor), new Point(s_s_x_2 + 10, s_s_y + i * pscale-10));
}
int white_width = 3;//中間白色線寬度
//畫條白色細(xì)線
g.FillRectangle(Brushes.White, new Rectangle(c_x- white_width, r/2, white_width*2, height-r));
//在底部畫一個(gè)圓球
g.FillPie(new SolidBrush(this.thermoColor), new Rectangle(c_x-r/2+5, height - r - padding, r-10, r-10), 0, 360);
//根據(jù)當(dāng)前溫度畫紅色線
int red_width = 5;//紅色溫度線寬度
float ii = ( this.curValue-this.minValue) / this.interval;
g.FillRectangle(new SolidBrush(this.thermoColor), new RectangleF(c_x - red_width, height - r - padding- (ii * pscale)-4, 2* red_width, ii * pscale+5));//此處有一像素的誤差
//畫標(biāo)志字符單℃位
g.DrawString("℃", this.thermoFont, new SolidBrush(this.ForeColor), new Point(c_x - 30, r / 2 - 10));
Font titleFont = new Font("宋體", 13, FontStyle.Bold);
//繪制標(biāo)題
SizeF tsize = g.MeasureString(this.thermoTitle, titleFont);
g.DrawString(this.thermoTitle, titleFont, new SolidBrush(this.ForeColor), new PointF(c_x- (tsize.Width/2), height + 5));
string cur = string.Format("當(dāng)前溫度:{0}℃", this.curValue);
SizeF tsize2 = g.MeasureString(cur, this.thermoFont);
g.DrawString(cur, this.thermoFont, new SolidBrush(this.thermoColor), new PointF(c_x - (tsize2.Width / 2), height + 10+tsize.Height));
}
/// <summary>
/// 當(dāng)鼠標(biāo)覆蓋進(jìn)去時(shí)
/// </summary>
/// <param name="e"></param>
protected override void OnMouseHover(EventArgs e)
{
this.showTip = true;
//需要顯示的內(nèi)容
int x = this.Width / 2;
int y = (this.Height-50) / 2;
StringBuilder sbTips = new StringBuilder();
//sbTips.AppendLine(this.ThermoTitle);
sbTips.AppendLine(string.Format("當(dāng)前溫度:{0}", this.curValue));
sbTips.AppendLine("單位:℃");
tip.ToolTipTitle = this.ThermoTitle;
tip.IsBalloon = true;
tip.UseFading = true;
//t.SetToolTip(this, sbTips.ToString());
tip.Show(sbTips.ToString(), this, x, y);
}
protected override void OnMouseLeave(EventArgs e)
{
this.showTip = false;
tip.Hide(this);
}
}
}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
C#和.NET生成和使用異步流的方法實(shí)現(xiàn)
異步流可以簡(jiǎn)化異步文件的讀取、寫入和處理,本文主要介紹了C#和.NET生成和使用異步流的方法實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-03-03
C#多線程處理多個(gè)隊(duì)列數(shù)據(jù)的方法
這篇文章主要介紹了C#多線程處理多個(gè)隊(duì)列數(shù)據(jù)的方法,涉及C#線程與隊(duì)列的相關(guān)操作技巧,需要的朋友可以參考下2015-07-07
C#使用正則表達(dá)式實(shí)現(xiàn)常見的格式驗(yàn)證
這篇文章主要為大家詳細(xì)介紹了C#如何使用正則表達(dá)式實(shí)現(xiàn)常見的格式驗(yàn)證,例如:電話號(hào)碼、密碼、郵編等,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-01-01
C#數(shù)據(jù)結(jié)構(gòu)之雙向鏈表(DbLinkList)實(shí)例詳解
這篇文章主要介紹了C#數(shù)據(jù)結(jié)構(gòu)之雙向鏈表(DbLinkList),結(jié)合實(shí)例形式較為詳細(xì)的講解了雙向鏈表的概念及C#實(shí)現(xiàn)雙向鏈表的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
為IObservable實(shí)現(xiàn)自己的運(yùn)算符(詳解)
下面小編就為大家?guī)硪黄獮镮Observable實(shí)現(xiàn)自己的運(yùn)算符(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
C#多線程開發(fā)實(shí)戰(zhàn)記錄之線程基礎(chǔ)
線程是一個(gè)獨(dú)立的運(yùn)行單元,每個(gè)進(jìn)程內(nèi)部有多個(gè)線程,每個(gè)線程可以各自同時(shí)執(zhí)行指令,每個(gè)線程有自己獨(dú)立的棧,但是與進(jìn)程內(nèi)的其他線程共享內(nèi)存,這篇文章主要給大家介紹了關(guān)于C#多線程開發(fā)實(shí)戰(zhàn)記錄之線程基礎(chǔ)的相關(guān)資料,需要的朋友可以參考下2021-09-09
C#使用Linq to XML進(jìn)行XPath查詢的代碼實(shí)現(xiàn)
最近在用到HtmlAgliltyPack進(jìn)行結(jié)點(diǎn)查詢時(shí),發(fā)現(xiàn)這里選擇結(jié)點(diǎn)使用的是XPath,所以這里總結(jié)一下在C#中使用XPath查詢XML的方法,習(xí)慣了用Linq,這里也是用的Linq to xml的,需要的朋友可以參考下2024-08-08

