C#用戶控件之溫度計(jì)設(shè)計(jì)
本文以一個(gè)用戶控件【User Control】實(shí)現(xiàn)溫度計(jì)的小例子,簡述用戶控件的相關(guān)知識,以供學(xué)習(xí)分享使用,如有不足之處,還請指正。
概述
一般而言,用戶控件【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)大的方法。
涉及知識點(diǎn)
本例中主要涉及以下知識點(diǎn):
- UserControl : 提供一個(gè)可用來創(chuàng)建其他控件的空控件。用戶創(chuàng)建一個(gè)用戶控件,會(huì)默認(rèn)繼承這個(gè)類。
- OnPaint :控件重繪方法,是protected修飾符,本例中需要重寫此方法。
- Graphics : 密封類,不可被繼承,用于繪制圖形(包括矩形,扇形,直線等)。
- ToolTip : 表示一個(gè)長方形的小彈出窗口,該窗口在用戶將指針懸停在一個(gè)控件上時(shí)顯示有關(guā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);
}
}
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Unity3D實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲(2)
這篇文章主要為大家詳細(xì)介紹了Unity3D實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲的第二部分,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-06-06
C# 整數(shù)轉(zhuǎn)二進(jìn)制字符串方式
這篇文章主要介紹了C# 整數(shù)轉(zhuǎn)二進(jìn)制字符串方式,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-02-02
C#?將Excel轉(zhuǎn)為PDF時(shí)自定義表格紙張大小的代碼思路
這篇文章主要介紹了C#?將Excel轉(zhuǎn)為PDF時(shí)自定義表格紙張大小的代碼思路,轉(zhuǎn)換前的頁面大小設(shè)置為該版本中寫入的新功能,在舊版本和免費(fèi)版本中暫不支持,感興趣的朋友跟隨小編一起看看實(shí)例代碼2021-11-11
C#動(dòng)態(tài)加載組件后如何在開發(fā)環(huán)境中調(diào)試詳解
這篇文章主要給大家介紹了關(guān)于C#動(dòng)態(tài)加載組件后如何在開發(fā)環(huán)境中調(diào)試的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),對大家的學(xué)習(xí)或者使用C#具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
Visual 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

