HreoWinGauge2.0组件集应用示例----LED多段指示器（1）

 HreoWinGauge2.0 试用版下载地址：http://download.csdn.net/source/6896899

 

（1）创建工程并添加GaugeContainer容器

      在VS2005中创建一个工程项目，并创建一个Windows窗体，命名为TestLedIndicator。直接从工具箱的HeroWinGauge选项卡中选择GaugeContainer容器，并拖至程序界面中，此时程序中将自动创建一个GaugeContainer实例，并调整边框至合适大小。此时GaugeContainer中无任何东西，必须向其添加内容。     

用鼠标点击GaugeContainer对象右上角的三角形智能标记，弹出智能操作面板，点击“Task for selectded object” 选项卡中的“Edit”选项，此时打开一个“Gauge Container Editor”对话框。对话框上部显示有此对象的类型（GaugeContainer）和名称（gaugeContainer1）。

 

 

（2）添加GaugeComponent组件

选择“Gauge Container Editor”对话框中的GaugeComponents属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugeComponent Collection Editor”对话框。此对话框可对GaugeComponents集合进行各种编辑。点击“Add”按钮添加一个GaugeComponent对象（名称为：GaugeComponent0）到对话框左侧的“Members”列举项中，并在对话框右侧的属性编辑器内显示该GaugeComponent对象的内部属性。

点击“BackFrame”属性左侧的“+”号，展开其内部属性。然后将BackFrame的内部属性更改为：“Visible”设为“true”；“FrameWidth”设为“5”。此时背景边框已基本构建完成（见图7.2-1）。从TestLedIndicator窗体设计视图可即时观察到更改属性时的效果，此时可单击“OK”键退出“GaugeComponent Collection Editor”对话框。用鼠标拖动GaugeContainer边界的调整点，适当调整整个对象的尺寸以适合窗体的大小。

 

 

图7.2-1 LedIndicator窗体1

 

 

（3）添加线形刻度LinearScale

直接点击刚添加的对象GuageComponent0所在的区域（矩形区域），此时该对象将出现矩形选择框，然后点击右上角的三角形智能标记，弹出智能操作面板，点击“Task for selectded object”选项卡中的“Edit”选项，此时打开一个“Gauge Object Editor”对话框。点击对话框中的的TopLayerParts属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugePart Collection Editor”对话框。点击“New Item Type”列表框的下拉按钮，并选择“LinearScale”项，然后点击“Add”按钮添加一个LinearScale对象（名称为：LinearScale0）到对话框左侧的“Members”列举项中，并在对话框右侧的属性编辑器内显示该LinearScale对象的内部属性（见图7.2-2）。

 

 

图7.2-2 “GaugePart Collection Editor”对话框1（LedIndicator）

 

 

在“GaugePart Collection Editor”对话框右侧属性编辑器内修改LinearScale0的属性：“Angle”设为“-90”；“DistanceToLabel”设为“20”；“Length”设为“90”；“Location”设为“65，95”；“MinorInteval”设为“2.5”；“ShadowDensity”设为“0”；“ShadowOffset”设为“0”。

下面开始分别设置LinearScale中各个元件的属性。

点击“Bar”属性左侧的“+”号，展开其内部属性，并更改如下：“BorderWidth”设为“8”；“FillColor”设为“Transparent”；“FillGradientType”设为“None”；“FillHatchStyle”设为“None”；“Width”设为“35”；“Visible”设为“True”。

点击“MajorTickMark”属性左侧的“+”号，展开其内部属性，并更改如下：“Visible”设为“False”。

点击“MinorTickMark”属性左侧的“+”号，展开其内部属性，并更改如下：“BorderWidth”设为“1”；“FillColor”设为“Black”；“FillGradientType”设为“None”；“FillHatchStyle”设为“None”；“Length”设为“35”；“Width”设为“6”；“Style”设为“Rectangle”；“Visible”设为“True”。

点击“NumeralLabel”属性左侧的“+”号，展开其内部属性，并更改如下：“Alignment”设为“MiddleLeft”；“Angle”设为“90”；“Font”的“Size”设为“22”；“Visible”设为“True”。

此时设计窗体内已出现一个长矩形的刻度（见图7.2-3）。

 

 

 

图7.2-3 LedIndicator窗体2

 

 

（4）添加线形范围LinearRange

在（3）的GuageComponent0的“Gauge Object Editor”对话框中。点击对话框中的的BottomLayerParts属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugePart Collection Editor”对话框，点击“New Item Type”列表框的下拉按钮，并选择“LinearRange”项，然后点击“Add”按钮添加一个LinearRange对象（名称为：LinearRange0）到对话框左侧的“Members”列举项中。用同样的方法再添加两个LinearRange对象（名称为：LinearRange1和LinearRange2，见图7.2-4）。

 

 

图7.2-4 “GaugePart Collection Editor”对话框2（LedIndicator）

 

在“GaugePart Collection Editor”对话框右侧属性编辑器内修改LinearRange0的属性：“DistanceFromScale”设为“17.5”；“StartValue”设为“0”；“EndValue”设为“40”；“StartWidth”设为“35”；“EndWidth”设为“35”；“ScaleName”设为“TopLayerParts\LinearScale0”；“BorderWidth”设为“0”；“FillColor”设为“Lime”；“FillGradientType”设为“None”；“FillHatchStyle”设为“None”；“ShadowOffset”设为“0”；“Visible”设为“True”。

用同样的方法修改LinearRange1的属性：“StartValue”设为“40”；“EndValue”设为“80”；“FillColor”设为“Yellow”；其它属性与LinearRange0相同。

用同样的方法修改LinearRange2的属性：“StartValue”设为“80”；“EndValue”设为“100”；“FillColor”设为“Red”；其它属性与LinearRange0相同。

此时设计窗体内已出现一个由多个LED组成的长矩形条（见图7.2-5）。

 

 

 

图7.2-5 LedIndicator窗体3

 

（5）添加线形指针LinearPointer

在（3）的GuageComponent0的“Gauge Object Editor”对话框中。点击对话框中的的MiddleLayerParts属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugePart Collection Editor”对话框，点击“New Item Type”列表框的下拉按钮，并选择“LinearPointer”项，然后点击“Add”按钮添加一个LinearPointer对象（名称为：LinearPointer0）到对话框左侧的“Members”列举项中（见图7.2-6）。

 

 

图7.2-6 “GaugePart Collection Editor”对话框3（LedIndicator）

 

在“GaugePart Collection Editor”对话框右侧属性编辑器内修改LinearPointer0的属性：“ScaleName”设为“TopLayerParts\LinearScale0”；BarStartValue”设为“100”；“Value”设为“50”；“Type”设为“Bar”；“ShadowOffset”设为“0”；“Visible”设为“True”。

下面开始设置LinearScale中元件的属性。点击“Bar”属性左侧的“+”号，展开其内部属性，并更改如下：“BorderWidth”设为“0”；“FillColor”设为“DimGray”；“FillGradientType”设为“None”；“FillHatchStyle”设为“None”；“Width”设为“35”；“Visible”设为“True”。

此时设计窗体内已出现一个由多个LED组成的多段指示器（见图7.2-7）。

 

图7.2-7 LedIndicator窗体4