C#用戶(hù)控件之溫度計(jì)設(shè)計(jì)
本文以一個(gè)用戶(hù)控件【User Control】實(shí)現(xiàn)溫度計(jì)的小例子,簡(jiǎn)述用戶(hù)控件的相關(guān)知識(shí),以供學(xué)習(xí)分享使用,如有不足之處,還請(qǐng)指正。
概述
一般而言,用戶(hù)控件【User Control】,是在Visual Studio提供的默認(rèn)控件不能滿(mǎn)足實(shí)際的工作需要,才需要在現(xiàn)有控件的基礎(chǔ)之上進(jìn)行新的擴(kuò)展,來(lái)實(shí)現(xiàn)自己的功能。用戶(hù)控件有自己特有的屬性,事件,方法來(lái)支撐特定的功能。用戶(hù)控件封裝實(shí)現(xiàn)的細(xì)節(jié),可以進(jìn)行方便的復(fù)用。
用戶(hù)控件分類(lèi)
用戶(hù)控件主要有以下三種分類(lèi),本例采用的是第三種。
- 復(fù)合控件(Composite Controls):將現(xiàn)有的各種控件組合起來(lái),形成一個(gè)新的控件,來(lái)滿(mǎn)足用戶(hù)的需求。
- 擴(kuò)展控件(Extended Controls):就是在現(xiàn)有的控件基礎(chǔ)上,派生出一個(gè)新的控件,增加新的功能,或者修改原有功能,來(lái)滿(mǎn)足用戶(hù)需求。
- 自定義控件(Custom Controls):就是直接從UserControl類(lèi)派生,也就是說(shuō)完全由自己來(lái)設(shè)計(jì)、實(shí)現(xiàn)一個(gè)全新的控件,這是最靈活、最強(qiáng)大的方法。
涉及知識(shí)點(diǎn)
本例中主要涉及以下知識(shí)點(diǎn):
- UserControl : 提供一個(gè)可用來(lái)創(chuàng)建其他控件的空控件。用戶(hù)創(chuàng)建一個(gè)用戶(hù)控件,會(huì)默認(rèn)繼承這個(gè)類(lèi)。
- OnPaint :控件重繪方法,是protected修飾符,本例中需要重寫(xiě)此方法。
- Graphics : 密封類(lèi),不可被繼承,用于繪制圖形(包括矩形,扇形,直線(xiàn)等)。
- ToolTip : 表示一個(gè)長(zhǎng)方形的小彈出窗口,該窗口在用戶(hù)將指針懸停在一個(gè)控件上時(shí)顯示有關(guān)該控件用途的簡(jiǎn)短說(shuō)明。
- 鼠標(biāo)事件函數(shù):OnMouseHover 鼠標(biāo)懸停時(shí)觸發(fā)函數(shù),OnMouseLeave鼠標(biāo)離開(kāi)時(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; //首先畫(huà)頂端一個(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); //畫(huà)底端一個(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); //畫(huà)一個(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)); //背景色填充,去掉邊界線(xiàn) 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)); //畫(huà)刻度 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;//像素間隔 //豎線(xiàn) 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++) { //橫線(xiàn)刻度 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)); //畫(huà)刻度數(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;//中間白色線(xiàn)寬度 //畫(huà)條白色細(xì)線(xiàn) g.FillRectangle(Brushes.White, new Rectangle(c_x- white_width, r/2, white_width*2, height-r)); //在底部畫(huà)一個(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)前溫度畫(huà)紅色線(xiàn) int red_width = 5;//紅色溫度線(xiàn)寬度 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));//此處有一像素的誤差 //畫(huà)標(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#中處理和鍵盤(pán)相關(guān)事件的詳解
本篇文章是對(duì)C#中處理和鍵盤(pán)相關(guān)的事件進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Unity3D實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲(2)
這篇文章主要為大家詳細(xì)介紹了Unity3D實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲的第二部分,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06C#打開(kāi)php鏈接傳參然后接收返回值的關(guān)鍵代碼
這篇文章主要介紹了C#打開(kāi)php鏈接傳參然后接收返回值的關(guān)鍵代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08C# 整數(shù)轉(zhuǎn)二進(jìn)制字符串方式
這篇文章主要介紹了C# 整數(shù)轉(zhuǎn)二進(jìn)制字符串方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02C#?將Excel轉(zhuǎn)為PDF時(shí)自定義表格紙張大小的代碼思路
這篇文章主要介紹了C#?將Excel轉(zhuǎn)為PDF時(shí)自定義表格紙張大小的代碼思路,轉(zhuǎn)換前的頁(yè)面大小設(shè)置為該版本中寫(xiě)入的新功能,在舊版本和免費(fèi)版本中暫不支持,感興趣的朋友跟隨小編一起看看實(shí)例代碼2021-11-11C#動(dòng)態(tài)加載組件后如何在開(kāi)發(fā)環(huán)境中調(diào)試詳解
這篇文章主要給大家介紹了關(guān)于C#動(dòng)態(tài)加載組件后如何在開(kāi)發(fā)環(huán)境中調(diào)試的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者使用C#具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03Visual Studio C#創(chuàng)建windows服務(wù)程序
用Visual C#創(chuàng)建Windows服務(wù)不是一件困難的事,本文就將指導(dǎo)你一步一步創(chuàng)建一個(gè)Windows服務(wù)并使用它,本文主要介紹了Visual Studio C#創(chuàng)建windows服務(wù)程序,感興趣的可以了解一下2024-01-01