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

本文以一个用户控件【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);
    }
  }
}

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

您可能感兴趣的文章:

  • C#自定义控件VS用户控件
  • C#实现用户自定义控件中嵌入自己的图标
(0)

相关推荐

  • C#实现用户自定义控件中嵌入自己的图标

    本文实例讲述了C#实现用户自定义控件中嵌入自己的图标.分享给大家供大家参考,具体如下: 下面给出一下具体的步骤. 1. 新建一个用户控件 2. 向资源文件是添加一张图片,图片格式可以是bm,ico 大小最好是 16 * 16 啦! 3. 选中用户控件图标,单击"右键>属性"把 "生成操作 的属性值改为:嵌入的资源(Action Resource) 4. 第四步: [ToolboxBitmap(typeof(CutPitureNew_WPF), "CutPitu

  • C#自定义控件VS用户控件

    C#中自定义控件VS用户控件大比拼 1 自定义控件与用户控件区别 WinForm中, 用户控件(User Control):继承自 UserControl,主要用于开发 Container 控件,Container控件可以添加其他Controls控件 自定义控件(Custom Control):继承自 Control,主要用于开发windows控件的最基本的类,比如 Text,Button 控件 2 要开发自己的控件的几种方法[1] 复合控件(Composite Controls):将现有的各种

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

    本文以一个用户控件[User Control]实现温度计的小例子,简述用户控件的相关知识,以供学习分享使用,如有不足之处,还请指正. 概述 一般而言,用户控件[User Control],是在Visual Studio提供的默认控件不能满足实际的工作需要,才需要在现有控件的基础之上进行新的扩展,来实现自己的功能.用户控件有自己特有的属性,事件,方法来支撑特定的功能.用户控件封装实现的细节,可以进行方便的复用. 用户控件分类 用户控件主要有以下三种分类,本例采用的是第三种. 复合控件(Compos

  • 简介Winform中创建用户控件

    步骤: 1.创建一个项目,该项目主要用来设计用户控件. 2.创建一个用户控件窗体,用来设计用户控件. 3.向用户控件窗体中添加一个按钮(button1),给它添加相应的移入.移出事件,实现移入时按钮的背景设置一个图片,移出的时候背景设置另一个图片. 复制代码 代码如下: private void button1_MouseEnter(object sender, EventArgs e)        {            this.button1.Image = Image.FromFil

  • asp.net动态加载用户控件,关于后台添加、修改的思考

    看下下面这个典型的后台(比较粗糙):说实在,我很厌倦全部用.aspx文件去做,比如"友情连接"这个模块,就有"添加友情连接""修改友情连接""友情连接列表",简单的话,可以把"添加""修改"合成一个文件.每次都去建立一个.aspx文件.我现在的想法是用"用户控件+配置文件"去实现,虽然文件数目可能不会少很多.但在编程到一定地步,我想大家会有跟我一样的想法. 首先需要涉

  • ASP.NET 用户控件的使用介绍

    页面上访问用户控件中的数据: 方法一:        使用用户控件的FindControl方法,找到用户控件中的控件,进一步取得其数据(不需要在控件中处理,但是需要知道用户控件中要使用的控件的ID)方法二: 为控件增加属性(方法),使用该属性访问用户控件中的数据(在目标页面中使用时,简单,但是不够灵活) 用户控件中访问页面控件中的控件: 方法一:  在用户控件中使用Parent属性找到页面,再通过FindControl方法找到要访问的控件 方法二: 为用户控件添加事件,在页面中处理事件,进而实现

  • 用户控件(ASCX)向网页(ASPX)传值使用反射实现

    用户控件向网页传递值,方法非常之多,此博文尝试使用反射来实现.在站点中,建一个网页以及一个用户控件. 网页切换至设计模式,拉用户控件至网页上. Default.aspx: 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register

  • ASP.NET 页面中加添加用户控件的写法

    一:在页面前台中添加注册控件 复制代码 代码如下: <%@ Register Src="~/Controls/IndexTop.ascx" TagName="IndexTop" TagPrefix="uc_top" %> 二:在页面需要添加控件的地方添加控件内容 复制代码 代码如下: <uc_top:IndexTop ID="IndexTop1" runat="server" />

  • web用户控件调用.aspx页面里的方法

    现在把此web用户控件添加到一.aspx页面中.要实现单击用户控件中的button控件把搜索出来的结果数据绑定到.aspx页面的gridview控件上去,如何实现呢? 如果gridview控件是放在.ascx文件中的话,那我们直接把搜索出来的数据绑定到它上面就行了.但现在gridview是放在.aspx文件里,也就是说web用户控件要如何才能访问母页面的控件,把数据绑定到母页面的控件上去? 解决方法: 1.先在.aspx页面的后台文件.aspx.cs中添加一个绑定数据的方法,代码如下: 复制代码

  • 在Web用户控件中引用样式表中样式的方法

    如何在Web用户控件中引用样式表中的样式 复制代码 代码如下: <%@ Control Language="C#" AutoEventWireup="true" CodeFile="gl1.ascx.cs" Inherits="admin_gl1" EnableTheming="True" %> < link href="../App_Themes/qiantai.css&quo

  • asp.net页面master页面与ascx用户控件传值的问题

    aspx 页面与ascx用户控件传值的问题 1.建立ascx控件 2.给ascx加上属性 3.将控件拖入aspx中 4.在aspx的代码中按控件ID访问属性 如: <uc3:left_Repassword ID="left_Repassword1" runat="server" /> left_Repassword1.HighLight = value; 也同样适用于master页面访问ascx ASP.Net访问母版页(MasterPage)控件.属性

随机推荐