HreoWinGauge2.0组件集应用示例----旋钮指针（1）

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

（1）创建工程并添加GaugeContainer容器
在VS2005中创建一个工程项目，并创建一个Windows窗体，命名为Knob。直接从工具箱的HeroWinGauge选项卡中选择GaugeContainer容器，并拖至程序界面中，此时程序中将自动创建一个GaugeContainer实例，并调整边框至合适大小。此时GaugeContainer中无任何东西，必须向其添加内容。
用鼠标点击GaugeContainer对象右上角的三角形智能标记，弹出智能操作面板，点击“Task
for selectded object” 选项卡中的“Edit”选项，此时打开一个“Gauge
Container Editor”对话框。对话框上部显示有此对象的类型（GaugeContainer）和名称（gaugeContainer1）。在此对话框中设置gaugeContainer1的属性：“BackColor”设为“Transparent”；“ToolTipEnable”设为“True”；“ToolTipText”设为“Container”。
点击“BackFrame”属性左侧的“+”号，展开其内部属性。然后将BackFrame的内部属性更改为：“Size”设为“617，325”；“Location”设为“45，50”；“BorderWidth”设为“0.1”；“OutsideShadowDensity”设为“50”；“OutsideShadowOffset”设为“5”；“Shape”设为“RoundedRectangle”；“Style”设为“Edge3D”；“BackImage”设为任意一个图像文件；“Visible”设为“True”。此时背景边框已基本构建完成（见图8.4-1）。



图8.4-1 Knob窗体1

（2）添加GaugeComponent组件
选择“Gauge Container Editor”对话框中的GaugeComponents属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugeComponent
Collection Editor”对话框（见图8.4-2）。此对话框可对GaugeComponents集合进行各种编辑。点击“Add”按钮添加一个GaugeComponent对象（名称为：GaugeComponent0）到对话框左侧的“Members”列举项中，并在对话框右侧的属性编辑器内显示该GaugeComponent对象的内部属性：“Size”和“Location”可随意设定；“ToolTipText”设为“Component”；“Visible”设为“True”。



图8.4-2 “GaugeComponent
Collection Editor”对话框1（Knob）

点击“BackFrame”属性左侧的“+”号，展开其内部属性。然后将BackFrame的内部属性更改为：“BackColor”设为“WhiteSmoke”；“BackImage”设为任意一个图象文件；“BackImageLayout”设为“Stretch”；“BackImageTransColor”设为“Yellow”；“BackImageTransparency”设为“50”；“Brightness”设为“80”；“FrameColor”设为“DeepSkyBlue”；“InsideShadowOffset”设为“5”；“Shape”设为“Circle”；“Style”设为“Edge3D”；“Visible”设为“True”。
此时该GaugeComponent背景边框已基本构建完成（见图8.4-3）。从Knob窗体设计视图可即时观察到更改属性时的效果，此时可单击“OK”键退出“GaugeComponent
Collection Editor”对话框。



图8.4-3 Knob窗体2

（3）添加刻度
直接点击对象GuageComponent0所在的区域（圆形区域），此时该对象将出现矩形选择框，然后点击右上角的三角形智能标记，弹出智能操作面板，点击“Task
for selectded object”选项卡中的“Edit”选项，此时打开一个“Gauge
Object Editor”对话框。点击对话框中的的BottomLayerParts属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugePart
Collection Editor”对话框。点击“New Item Type”列表框的下拉按钮，并选择“CircularScale”项，然后点击“Add”按钮添加一个CircularScale对象到对话框左侧的“Members”列举项中，并在对话框右侧的属性编辑器内显示该CircularScale对象的内部属性（见图8.4-4）：Name设为“CircularScale0”；“DistanceToLabel”设为“7”；“Location”设为“50，50”；“Radius”设为“30”；“ShadowDensity”设为“0”；“ShadowOffset”设为“1”；“Visible”设为“True”。



图8.4-4 “GaugePart
Collection Editor”对话框1（Knob）

点击“MajorTickMark”属性左侧的“+”号，展开其内部属性。然后将其内部属性更改为：“BorderWidth”设为“0.5”；“FillColor”设为“White”；“FillGradientType”设为“None”；“FillHatchStyle”设为“None”；“Length”设为“6”；“Style”设为“Rectangle”；“Width”设为“2”；“Visible”设为“True”。
点击“MinorTickMark”属性左侧的“+”号，展开其内部属性。然后将其内部属性更改为：“Visible”设为“False”。
点击“NumeralLabel”属性左侧的“+”号，展开其内部属性。然后将其内部属性更改为：“Visible”设为“True”。

此时设计窗体内已出现一个圆形刻度（见图8.4-5）。



图8.4-5 Knob窗体3

（3）添加刻度范围
直接点击对象GuageComponent0所在的区域（圆形区域），此时该对象将出现矩形选择框，然后点击右上角的三角形智能标记，弹出智能操作面板，点击“Task
for selectded object”选项卡中的“Edit”选项，此时打开一个“Gauge
Object Editor”对话框。点击对话框中的的BottomLayerParts属性，然后点击其右侧的属性值框内的“...”按钮，弹出一个“GaugePart
Collection Editor”对话框（见图8.4-4）。点击“New
Item Type”列表框的下拉按钮，并选择“CircularRange”项，然后点击“Add”按钮添加一个CircularRange对象到对话框左侧的“Members”列举项中，并在对话框右侧的属性编辑器内显示该CircularRange对象的内部属性：“DistanceFromScale”设为“2.8”；“StartWidth”设为“4”；“EndWidth”设为“8”；“StartValue”设为“70”；“EndValue”设为“100”；“ScaleName”设为“BottomLayerParts\CircularScale0”；“BorderWidth”设为“0”；“CorrectFillRegion”设为“True”；“ToolTipText”设为“range”；“Visible”设为“True”。
属性修改完成后，在“GaugePart Collection Editor”对话框左侧“Members”列举项中选中“CircularRange1”，然后点击“”按钮，使“CircularRange1”移到“CircularScale0”的上部（见图8.4-6），此时设计窗体内已圆形刻度的表面出现一个圆形刻度范围（见图8.4-7）。



图8.4-6 “GaugePart
Collection Editor”对话框2（Knob）



图8.4-7 Knob窗体4