写在前面
上次给大家看了一个上位机界面之后,很多人表示对那个仪表盘的开发感兴趣,今天就跟大家分享一下整个的开发过程,由于整个仪表盘开发的过程还是有些复杂的,无法将所有的代码都一一展示,所以重点跟大家分享一下开发的思路,毕竟每个人的风格都不一样。
1、效果图展示
先给大家看看实际项目中的应用效果图:
对于这种仪表盘控件的开发,只能通过GDI+来实现。实际使用中,我们可以根据需要设置不同的样式,包括颜色、角度、量程等等,下面给大家展示一下:
2、控件开发过程
GDI+开发控件其实并不是特别难,但是会比较复杂,涉及的东西比较多,需要有一定的空间想象能力,甚至是数学几何基础。
任何一个复杂的GDI+控件,里面无非就是字段(Field)、属性(Property)、方法(Method)、委托(Delegate)以及事件(Event)。其实属性是灵魂,GDI+设计及绘制就是围绕属性来进行开发的。
我们拿到这样一张效果图之后,第一步要做的事情是,确定需要设计哪些属性?
A:仪表盘部分:
- GaugeColor:设置或获取仪表盘的边框颜色
- PointerColor:设置或获取仪表盘的指针颜色
- RangeMin:设置或获取量程的最小值
- RangeMax:设置或获取量程的最大值
- CurrentValue:设置或获取当前数值
- RangeAlarmMin:设置或获取量程报警最小值
- RangeAlarmMax:设置或获取量程报警最大值
- TopGap:设置或获取整个控件的上下间隙
- LeftGap:设置或获取整个控件的左右间隙
- PointerRadius:设置或获取中心原点的半径
- AlarmColor:设置或获取报警线的颜色
B:刻度值部分
- BigScaleCount:设置或获取大刻度数量
- SmallScaleCount:设置或获取小刻度数量
- IsAllowFullCircle:设置或获取是否允许整圆显示
- ScaleWidth:设置或获取刻度值的最大宽度
- ScaleHeigth:设置或获取刻度值的最大高度
C:文本显示部分
- TextColor:设置或获取文本颜色
- UnitText:设置或获取显示单位
- IsTextVisiable:设置或获取文本内容是否显示
- TextGap:设置或获取文本显示位置与刻度的间距
通过一系列的分析之后,确定了设计以上20种属性,确定属性之后,即可通过重写OnPaint事件进行重绘,重绘步骤又是怎样的呢?
- 确定整体核心三要素(中心点、偏移角度、圆环半径)
- 绘制大刻度
- 绘制小刻度
- 绘制刻度值
- 绘制文本
- 绘制实时值指针
- 绘制报警框
写在最后
本文旨在结合GDI+的相关技术介绍了一个仪表盘控件开发的整个过程,自定义控件在上位机开发中应用非常广泛,除了GDI+绘制控件以外,还有扩展控件和组合控件的应用。对于从事上位机开发的学员来说,学好GDI+是非常有必要的,可以大大增加你项目的扩展性和可视性。