C#用户控件之温度计设计

 更新时间:2020年6月25日 11:16  点击:1715

本文以一个用户控件【User Control】实现温度计的小例子,简述用户控件的相关知识,以供学习分享使用,如有不足之处,还请指正。

概述

一般而言,用户控件【User Control】,是在Visual Studio提供的默认控件不能满足实际的工作需要,才需要在现有控件的基础之上进行新的扩展,来实现自己的功能。用户控件有自己特有的属性,事件,方法来支撑特定的功能。用户控件封装实现的细节,可以进行方便的复用。

用户控件分类

用户控件主要有以下三种分类,本例采用的是第三种。

  • 复合控件(Composite Controls):将现有的各种控件组合起来,形成一个新的控件,来满足用户的需求。
  • 扩展控件(Extended Controls):就是在现有的控件基础上,派生出一个新的控件,增加新的功能,或者修改原有功能,来满足用户需求。
  • 自定义控件(Custom Controls):就是直接从UserControl类派生,也就是说完全由自己来设计、实现一个全新的控件,这是最灵活、最强大的方法。

涉及知识点

本例中主要涉及以下知识点:

  • UserControl : 提供一个可用来创建其他控件的空控件。用户创建一个用户控件,会默认继承这个类。
  • OnPaint :控件重绘方法,是protected修饰符,本例中需要重写此方法。
  • Graphics : 密封类,不可被继承,用于绘制图形(包括矩形,扇形,直线等)。
  • ToolTip : 表示一个长方形的小弹出窗口,该窗口在用户将指针悬停在一个控件上时显示有关该控件用途的简短说明。
  • 鼠标事件函数:OnMouseHover 鼠标悬停时触发函数,OnMouseLeave鼠标离开时触发函数。
  • DataGridView:在可自定义的网格中显示数据。

示例效果图

本例中示例效果图如下所示:

关键代码

本例中的关键代码如下:

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 属性与构造函数

    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>
    /// 当前温度
    /// </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>
    /// 温度计背景色
    /// </summary>
    public Color BackGroundColor
    {
      get { return backGroundColor; }

      set { backGroundColor = value; }
    }

    private Font thermoFont=new Font("宋体",10,FontStyle.Regular);

    /// <summary>
    /// 温度计上字体
    /// </summary>
    public Font ThermoFont
    {
      get { return thermoFont; }

      set { thermoFont = value; }
    }

    private string thermoTitle = "温度计";

    /// <summary>
    /// 标题
    /// </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;//两个半圆之间的间隔
      int dis2 = 2 * dis;//填充与边框之间的距离
      int startAngle1 = -180;
      int startAngle2 = 0;
      int sweepAngle1 = 180;
      //首先画顶端一个半圆
      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.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.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));
        //画刻度数字

        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;//中间白色线宽度
      //画条白色细线
      g.FillRectangle(Brushes.White, new Rectangle(c_x- white_width, r/2, white_width*2, height-r));
      //在底部画一个圆球
      g.FillPie(new SolidBrush(this.thermoColor), new Rectangle(c_x-r/2+5, height - r - padding, r-10, r-10), 0, 360);
      //根据当前温度画红色线
      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));//此处有一像素的误差
      //画标志字符单℃位
      g.DrawString("℃", this.thermoFont, new SolidBrush(this.ForeColor), new Point(c_x - 30, r / 2 - 10));
      Font titleFont = new Font("宋体", 13, FontStyle.Bold);
      //绘制标题
      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("当前温度:{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>
    /// 当鼠标覆盖进去时
    /// </summary>
    /// <param name="e"></param>
    protected override void OnMouseHover(EventArgs e)
    {
      this.showTip = true;
      //需要显示的内容
      int x = this.Width / 2;
      int y = (this.Height-50) / 2;
      StringBuilder sbTips = new StringBuilder();
      //sbTips.AppendLine(this.ThermoTitle);
      sbTips.AppendLine(string.Format("当前温度:{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);
    }
  }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持猪先飞。

[!--infotagslink--]

相关文章

  • C#实现简单的登录界面

    我们在使用C#做项目的时候,基本上都需要制作登录界面,那么今天我们就来一步步看看,如果简单的实现登录界面呢,本文给出2个例子,由简入难,希望大家能够喜欢。...2020-06-25
  • 浅谈C# 字段和属性

    这篇文章主要介绍了C# 字段和属性的的相关资料,文中示例代码非常详细,供大家参考和学习,感兴趣的朋友可以了解下...2020-11-03
  • C#中截取字符串的的基本方法详解

    这篇文章主要介绍了C#中截取字符串的的基本方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-11-03
  • C#实现简单的Http请求实例

    这篇文章主要介绍了C#实现简单的Http请求的方法,以实例形式较为详细的分析了C#实现Http请求的具体方法,需要的朋友可以参考下...2020-06-25
  • C#连接SQL数据库和查询数据功能的操作技巧

    本文给大家分享C#连接SQL数据库和查询数据功能的操作技巧,本文通过图文并茂的形式给大家介绍的非常详细,需要的朋友参考下吧...2021-05-17
  • C#中new的几种用法详解

    本文主要介绍了C#中new的几种用法,具有很好的参考价值,下面跟着小编一起来看下吧...2020-06-25
  • 使用Visual Studio2019创建C#项目(窗体应用程序、控制台应用程序、Web应用程序)

    这篇文章主要介绍了使用Visual Studio2019创建C#项目(窗体应用程序、控制台应用程序、Web应用程序),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
  • C#开发Windows窗体应用程序的简单操作步骤

    这篇文章主要介绍了C#开发Windows窗体应用程序的简单操作步骤,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-04-12
  • C#从数据库读取图片并保存的两种方法

    这篇文章主要介绍了C#从数据库读取图片并保存的方法,帮助大家更好的理解和使用c#,感兴趣的朋友可以了解下...2021-01-16
  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现,故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25
  • C++调用C#的DLL程序实现方法

    本文通过例子,讲述了C++调用C#的DLL程序的方法,作出了以下总结,下面就让我们一起来学习吧。...2020-06-25
  • 轻松学习C#的基础入门

    轻松学习C#的基础入门,了解C#最基本的知识点,C#是一种简洁的,类型安全的一种完全面向对象的开发语言,是Microsoft专门基于.NET Framework平台开发的而量身定做的高级程序设计语言,需要的朋友可以参考下...2020-06-25
  • C#变量命名规则小结

    本文主要介绍了C#变量命名规则小结,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2021-09-09
  • C#绘制曲线图的方法

    这篇文章主要介绍了C#绘制曲线图的方法,以完整实例形式较为详细的分析了C#进行曲线绘制的具体步骤与相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25
  • C# 中如何取绝对值函数

    本文主要介绍了C# 中取绝对值的函数。具有很好的参考价值。下面跟着小编一起来看下吧...2020-06-25
  • c#自带缓存使用方法 c#移除清理缓存

    这篇文章主要介绍了c#自带缓存使用方法,包括获取数据缓存、设置数据缓存、移除指定数据缓存等方法,需要的朋友可以参考下...2020-06-25
  • c#中(&&,||)与(&,|)的区别详解

    这篇文章主要介绍了c#中(&&,||)与(&,|)的区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-06-25
  • 经典实例讲解C#递归算法

    这篇文章主要用实例讲解C#递归算法的概念以及用法,文中代码非常详细,帮助大家更好的参考和学习,感兴趣的朋友可以了解下...2020-06-25
  • C#学习笔记- 随机函数Random()的用法详解

    下面小编就为大家带来一篇C#学习笔记- 随机函数Random()的用法详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-25
  • C#中list用法实例

    这篇文章主要介绍了C#中list用法,结合实例形式分析了C#中list排序、运算、转换等常见操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25