HreoWinGauge2.0组件集应用示例----速度表(1)

 

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

 

       为了让使用者能快速掌握HeroWinGauge的使用方法，这里列举几个实用例子，使用者可以举一反三，很容易就了解其中要领，并可初步体验HeroWinGauge的强大功能。

7.1 速度表

       请按以下步骤创建：

（1）必须保证已将HeroWinGauge组件集加载到VS2005工具箱。

（2）创建工程

          在VS2005中创建一个工程项目，并创建一个Windows 窗体，命名为TestSpeedMeter 。

（3）添加GaugeContainer容器

         直接从工具箱的HeroWinGauge选项卡中选择GaugeContainer容器，并拖至程序界面中，此时程序中将自动创建一个GaugeContainer实例，并显示其选择框。此时GaugeContainer中无任何东西，必须向其添加内容。

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

图7.1-1 智能操作面板

 

图7.1-2“GaugeContainer Editor”对话框

 

（4）添加GaugeComponent组件

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

 

图7.1-3“GaugeComponent Collection Editor”对话框1

 

 

图7.1-4“GaugeComponent Collection Editor”对话框2

       

         点击“BackFrame”属性左侧的“+”号（见图7.1-4）展开其内部属性。然后将BackFrame的内部属性更改为： “Visible”设为“true”；“Shape”设为“Circular”；“Style”设为“Edge3D”；“FrameWidth”设为“8”；“BackColor”设为“InactiveCaptionText”；“FrameColor”设为“151, 171, 200”；“InsideEdgeWidth”设为“30”。此时速度表的背景边框已基本构建完成（见图7.1-5）。TestSpeedMeter窗体设计视图可即时观察到更改属性时的效果，此时可单击“OK”键退出“GaugeComponent Collection Editor”对话框。用鼠标拖动GaugeContainer边界的调整点，适当调整整个对象的尺寸以适合窗体的大小。

 

图7.1-6“Gauge Object Editor”对话框

 

 

（5）添加刻度

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

 

图7.1-6“Gauge Object Editor”对话框

 

图7.1-7 “GaugePart Collection Editor”对话框1

 

 

图7.1-8 “GaugePart Collection Editor”对话框1

 

       在“GaugePart Collection Editor”对话框右侧属性编辑器内修改CircularScale0的属性：“DistanceToLabel”设为“-3”；“DistanceToMinorTick”设为“1”；“Radius”设为“35”；“LabelPlacement”设为“HorizontalInside”。下面开始分别设置CircularScale中各个元件的属性。

      点击“Bar”属性左侧的“+”号，展开其内部属性，并将其Visible属性设为“False”。

      点击“MajorTickMark” 属性左侧的“+”号，展开其内部属性，并更改如下：“FillColor”设为“White”；“FillGradientColor”设为“Gray”；“FillGradientType”设为“VerticalCenter”；“BorderWidth”设为“0”。

      点击“MinorTickMark” 属性左侧的“+”号，展开其内部属性，并更改如下：“FillColor”设为“White”；“FillGradientColor”设为“Gray”；“FillGradientType”设为“VerticalCenter”；“BorderWidth”设为“0”。

      点击“NumeralLabel” 属性左侧的“+”号，展开其内部属性，并更改如下：“Font”的“Size”设为“5”；“Font”的“Bold”设为“true”。

此时设计窗体内的速度表已出现一个圆形的刻度（见图7.1-9）。

 

图7.1-9 “TestSpeedMeter”窗体2