标准工控控件
# Smart 控件使用(标准工控)
标准工控组内包含用于工业展示使用的标准组件。
- 使用方法： 在“标准工控”栏目中选择点击所需使用的控件，然后点击将控件放置于设计窗体上。右键点击该控件，选择
Edit...，或双击该控件，可打开控件编辑界面。例如TiAnalogOutput编辑界面如下图所示。
# 1. TiAnalogOutput 组件
TiAnalogOutput是一个简单的控件，用于使用精度说明符和可选单位输入模拟（实数）值。
若要仅显示整数值，请将Precision设置为0。要显示单位，请使用UnitsText属性。 要在单位和显示值之间添加一个或多个空格，请在UnitsText属性中添加前导空格。 通过设置显示文字，可以将显示文本左，中或右对齐。
对齐属性。 对于左右对齐，请使用AlignmentMargin属性控制像素的边距。
使用Value属性获取或设置显示的值。 使用OnChange事件来响应Value属性中的更改。 使用OnChangeUser事件仅响应用户更改。 如果通过代码修改了Value属性，则不会触发OnChangeUser事件。 如果希望在不触发OnChange事件的情况下设置值，请使用SetValueNoEvent方法。
所需属性选项如图所示。
| 属性 | 功能说明 |
|---|---|
| Value | 设置需要显示的值 |
| Value Max | 设置显示值的限制最大值 |
| Value Min | 设置显示值的限制最小值 |
| Units Text | 设置显示单元的文本值 |
| Precision | 设置显示的精度(小数点后保留位数) |
| Enabled | 是否启用该控件 |
| Beep On Error | 发生错误时蜂鸣器发出提示声 |
| ErrorActive | 是否启用错误模式 |
| Undo On Error | 发生错误时撤销活动 |
| Auto Select | 激活控件时自动全选内容 |
| Font | 设置显示的字体 |
| Color | 设置显示的颜色 |
| Alignment | 设置显示的内容对齐方式 Left Justify-左对齐 Right Justify-右对齐 Center-居中 |
| Alignment Margin | 设置对齐边缘的宽度 |
# 2. TiAngularGauge 组件
TiAngularGauge是具有数据角度表示的图形化线性量规。
当仪表只有一个指针时，请使用Position属性获取或设置指针的位置。
Min和Max用于指示仪表运行时所有指针移动通过的值的范围。
| 属性 | 功能说明 |
|---|---|
| Position | 设定仪表指针指向的位置 |
| Position Max | 设定仪表指针范围的最大值 |
| Position Min | 设定仪表指针范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Enabled | 是否启用该控件 |
# 3. TiEdit 组件
该组件展示为一个文本编辑框，其外观功能与TEdit组件类似。
| 属性 | 功能说明 |
|---|---|
| Value | 设置编辑框中显示的内容 |
| Enabled | 是否启用组件 |
| Auto Select | 激活组件时，是否全选编辑框中的内容 |
| Alignment | 设置显示的内容对齐方式 Left Justify-左对齐 Right Justify-右对齐 Center-居中 |
| Alignment Margin | 设置对齐边缘的宽度 |
| Font | 设置显示的字体 |
| Color | 设置显示的颜色 |
# 4. TiGradient 组件
该组件展示为一个具有渐变颜色的画布，可作为程序背景装饰使用。
| 属性 | 功能说明 |
|---|---|
| Cached Drawing | 是否缓存当前的控件绘图 |
| Color Start | 渐变色的起始颜色 |
| Color Stop | 渐变色的终止颜色 |
| Direction | 渐变色的渐变方向 Top/Bottom: 从顶部至底部 Bottom/Top: 从底部至顶部 Left/Right: 从左至右 Right/Left: 从右至左 Top Left/Bottom Right: 从左侧顶部至右侧底部 Bottom Right/Top Left: 从右侧底部至左侧顶部 Bottom Left/Top Right: 从左侧底部至右侧顶部 Top Right/Bottom Left: 从右侧顶部至左侧底部 Rectangle Out: 从中心矩形渐变至边框 Rectangle In: 从边框渐变至中心 Circle Out: 从中心圆形渐变至边框 Circle In: 从边框圆形渐变至中心 |
# 5. TiIntegerOutput 组件
该组件展示为一个可用于进制转换的输入输出框。
| 属性 | 功能说明 |
|---|---|
| Value | 编辑框显示的数值 |
| Format Style | 数值的格式化类型 Integer: 数值格式化为整数 Hex: 数值格式化为十六进制数 Binary: 数值格式化为二进制数 Octal: 数值格式化为八进制数 |
| Enabled | 是否启用该组件 |
| Leading Zeros | 数值是否包含前导零 |
| ErrorActive | 是否启用错误模式 |
| Beep On Error | 出错时蜂鸣 |
| Undo On Error | 发生错误时撤销活动 |
| Auto Select | 激活控件时自动全选内容 |
| Alignment | 设置显示的内容对齐方式 Left Justify-左对齐 Right Justify-右对齐 Center-居中 |
| Alignment Margin | 设置对齐边缘的宽度 |
| Font | 设置显示的字体 |
| Color | 设置显示的颜色 |
# 6. TiLEDBar 组件
该组件展示为一个LED进度条。
| 属性 | 功能说明 |
|---|---|
| Position | 设定进度条的位置 |
| Position Max | 设定进度条范围的最大值 |
| Position Min | 设定进度条范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Fill Reference | 是否填充进度，若启用该属性则可设置其填充至Value值 |
| Bevel Style | 边缘状态 None: 无上凸或下凹 Raised: 上凸 Lowered: 下凹 |
| Show Off Segments | 是否显示不处于亮灯状态的LED灯条 |
| Segment Direction | 灯条的进度方向 Up: 向上 Down: 向下 Right: 向右 Left: 向左 |
| Segment Style | LED灯条的形状类型 Rectangle: 矩形 Circle: 圆形 Triangle: 三角形 |
| Section Count | 设定分区的数目，至多设置5个 |
| Section Color | 设定分区内显示的颜色 |
| Section End | 设定该分区至下一分区的分隔点 |
# 7. TiLEDRectangle 组件
该组件展示为一个LED方形状态灯，可用于指示当前状态。
| 属性 | 功能说明 |
|---|---|
| Active | 是否激活控件 |
| Active Color | 激活状态下的颜色 |
| Inactive Color | 非激活状态下的颜色 |
| Bevel Style | 边缘状态 None: 无上凸或下凹 Raised: 上凸 Lowered: 下凹 |
| Text | 需要显示的文本内容 |
| Alignment | 设置显示内容的对齐方式 Center-居中 Left-居左 Right-居右 |
| WordWarp | 是否自动换行 |
# 8. TiLEDRound 组件
该组件展示为一个LED圆形状态灯，可用于指示当前状态。
| 属性 | 功能说明 |
|---|---|
| Active | 是否激活控件 |
| Active Color | 激活状态下的颜色 |
| Inactive Color | 非激活状态下的颜色 |
| Bevel Style | 边缘状态 None: 无上凸或下凹 Raised: 上凸 Lowered: 下凹 |
# 9. TiLEDSpiral 组件
该组件展示为一个LED环形指示灯，可用于指示当前状态。
| 属性 | 功能说明 |
|---|---|
| Position | 设定进度条的位置 |
| Position Max | 设定进度条范围的最大值 |
| Position Min | 设定进度条范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Outer Margin | 设定进度条外缘的间距 |
| Show Off Segments | 是否显示不处于亮灯状态的LED灯条 |
| Section Count | 设定分区的数目，至多设置5个 |
| Section Color | 设定分区内显示的颜色 |
| Section End | 设定该分区至下一分区的分隔点 |
# 10. TiLinearGauge 组件
该组件展示为一个带指针的直线仪表盘，可用于显示温度等信息。
| 属性 | 功能说明 |
|---|---|
| Position | 设定旋钮点指向的位置 |
| Position Max | 设定旋钮选择范围的最大值 |
| Position Min | 设定旋钮选择范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Enabled | 是否启用该控件 |
| Step Size | 设定操作改变的数值大小 Key-Arrow: 按方向键时，数值改变0.1 Key-Page: 按PgDn或者PgUp时，数值改变1 Mouse-Wheel: 滚动鼠标滚轮时，数值改变1 |
| Orientation | 仪表的显示方向 Vertical: 垂直显示 Horizontal: 水平显示 |
| Orientation Tick Marks | 仪表的刻度数值方向 Bottom Right: 刻度数值位于底部 Top Left: 刻度数值位于顶部 |
| Section Count | 设定分区的数目，至多设置5个 |
| Section Color | 设定分区内显示的颜色 |
| Section End | 设定该分区至下一分区的分隔点 |
# 11. TiModeComboBox 组件
该组件显示为一个可下拉选择框，功能与TComboBox类似。
在当前页面下，点击Add添加选择项，在右侧的Caption内可输入选项的名称，Value用于设定选项的对应值。在程序运行时，选择对应的选项，其Value属性为对应选项的Value值。
# 12. TiSevenSegmentAnalog 组件
该组件显示为一个具有七段液晶显示功能的显示面板。
| 属性 | 功能说明 |
|---|---|
| Value | 显示的数值 |
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Show Sign | 是否在数值前显示正负号标记 |
| Transparent | 控件背景是否透明 |
| Precision | 小数点后显示的数值位数 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
| Leading Style | 前导显示类型 None: 不显示前导 Zeros: 显示前导零 Spaces: 显示空位前导 |
| Digits | 数值显示设置 Count: 数值显示的位数(包含小数点后的位数) Spacing: 数值显示位的间距 |
| Segment Size | 数值显示的大小 |
| Segment Sepration | 数值显示的段之间的间距 |
# 13. TiSevenSegmentBinary 组件
该组件显示为一个具有七段液晶显示功能的显示面板，在该组件中，只显示0、1两种数值。
| 属性 | 功能说明 |
|---|---|
| Value | 显示的数值 |
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Show Sign | 是否在数值前显示正负号标记 |
| Transparent | 控件背景是否透明 |
| Precision | 小数点后显示的数值位数 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
| Leading Style | 前导显示类型 None: 不显示前导 Zeros: 显示前导零 Spaces: 显示空位前导 |
| Digits | 数值显示设置 Count: 数值显示的位数(包含小数点后的位数) Spacing: 数值显示位的间距 |
| Segment Size | 数值显示的大小 |
| Segment Sepration | 数值显示的段之间的间距 |
# 14. TiSevenSegmentCharacter 组件
该组件显示为一个能够显示字符的七段显示面板，
| 属性 | 功能说明 |
|---|---|
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Transparent | 控件背景是否透明 |
| Segment Size | 数值显示的大小 |
| Segment Sepration | 数值显示的段之间的间距 |
| Segment Color | 段亮起的颜色 |
| Segment Off Color | 段关闭的颜色 |
| Character | 设定需要显示的字符，可供选择的全部可显示的字符如图所示 |
| Use Segment Bits | 是否开启段显示模式,当开启时，可自行选择要开启的段以自定义显示内容 |
# 15. TiSevenSegmentClock 组件
该组件显示为一个数字显示时钟，可自定义选择显示的内容以及格式。
| 属性 | 功能说明 |
|---|---|
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Transparent | 控件背景是否透明 |
| Hour Style | 时间类型，有24小时制和12小时制两种选项 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
若要显示数值，需放置TTimer，并设置TTimer事件。设置代码如下：
procedure TMyHandler.Timer1Timer;
begin
FThis.iSevenSegmentClock1.Hours := FormatDateTime('hh',Now()).ToInt32;
FThis.iSevenSegmentClock1.Minutes := FormatDateTime('nn',Now()).ToInt32;
FThis.iSevenSegmentClock1.Seconds := FormatDateTime('ss',Now()).ToInt32;
end;
1
2
3
4
5
6
2
3
4
5
6
# 16. TiSevenSegmentHexadecimal 组件
该组件显示为一个可以显示十六进制数值的七段液晶显示面板。
| 属性 | 功能说明 |
|---|---|
| Value | 显示的数值，只能输入十六进制的数值 |
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Show Sign | 是否在数值前显示正负号标记 |
| Transparent | 控件背景是否透明 |
| Precision | 小数点后显示的数值位数 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
| Leading Style | 前导显示类型 None: 不显示前导 Zeros: 显示前导零 Spaces: 显示空位前导 |
| Digits | 数值显示设置 Count: 数值显示的位数(包含小数点后的位数) Spacing: 数值显示位的间距 |
| Segment Size | 数值显示的大小 |
| Segment Sepration | 数值显示的段之间的间距 |
# 17. TiSevenSegmentInteger 组件
该组件显示为一个可以显示十进制数值的七段液晶显示面板。
| 属性 | 功能说明 |
|---|---|
| Value | 显示的数值，只能输入十进制的数值 |
| AutoSize | 控件的大小由数值显示的尺寸决定 |
| Show Off Segments | 是否显示处在关闭状态的液晶管 |
| Show Sign | 是否在数值前显示正负号标记 |
| Transparent | 控件背景是否透明 |
| Precision | 小数点后显示的数值位数 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
| Leading Style | 前导显示类型 None: 不显示前导 Zeros: 显示前导零 Spaces: 显示空位前导 |
| Digits | 数值显示设置 Count: 数值显示的位数(包含小数点后的位数) Spacing: 数值显示位的间距 |
| Segment Size | 数值显示的大小 |
| Segment Sepration | 数值显示的段之间的间距 |
# 18. TiSlider 组件
该组件展示为一个带有刻度指示的滑块。
| 属性 | 功能说明 |
|---|---|
| Position | 设定旋钮点指向的位置 |
| Position Max | 设定旋钮选择范围的最大值 |
| Position Min | 设定旋钮选择范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Enabled | 是否启用该控件 |
| Mouse Control Style | 鼠标点击时的滑块移动类型 Slide Only: 鼠标点击时激活滑块，通过拖动以启用滑动操作 Slide Page: 鼠标点击时滑动特定间距的位置 Goto: 鼠标点击时，滑块直接移动到点击的刻度位置 |
| Step Size | 设定操作改变的数值大小 Key-Arrow: 按方向键时，数值改变0.1 Key-Page: 按PgDn或者PgUp时，数值改变1 Mouse-Wheel: 滚动鼠标滚轮时，数值改变1 |
| Orientation | 仪表的显示方向 Vertical: 垂直显示 Horizontal: 水平显示 |
| Orientation Tick Marks | 仪表的刻度数值方向 Bottom Right: 刻度数值位于底部 Top Left: 刻度数值位于顶部 |
| OffSet | 设定位移偏差 |
| Border Style | 设置控件边框的显示风格 Raised-控件相较于父控件上凸 Lowered-控件相较于父控件下凹 None-控件与父控件同平面 |
# 19. TiSwitchPanel 组件
该组件显示为一个可操作的模式转换旋钮面板。
| 属性 | 功能说明 |
|---|---|
| Position Count | 控件设定的旋钮位置数 |
| Position | 控件设定的当前旋钮位置 |
| Position Caption | 控件设定的旋钮位置对应的字幕 |
| Enabled | 是否启用该控件 |
| Mouse Control Style | 使用鼠标进行控制的类型 Rotate: 旋转模式，需要手动拖动旋钮至目标位置 Increment: 鼠标点击控件时自动移动旋钮至指定位置进行模式切换 |
# 20. TiSwitchRotary 组件
该组件显示为一个具有模式切换功能的旋钮。
| 属性 | 功能说明 |
|---|---|
| Position | 展示旋钮当前的位置 |
| Show Focus Rect | 当控件获得焦点时，在控件周围显示虚线矩形 |
| Enabled | 是否启用该控件 |
| Rotation Start Degrees | 旋钮的初始角度 |
| Rotation Disred Spacing | 旋钮切换时每个模式间的间隔角度 |
| Mouse Control Style | Rotate: 旋转模式，点击拖动以切换旋钮模式 Goto: 点击模式，点击对应的模式以切换 |
| Position Labels | 位置标签，从起始位置开始依次显示 |
# 21. TiSwitchSlider 组件
该组件显示为一个滑块旋钮。
| 属性 | 功能说明 |
|---|---|
| Position | 展示旋钮当前的位置 |
| Enabled | 是否启用该控件 |
| Show Focus Rect | 当控件获得焦点时，在控件周围显示虚线矩形 |
| Orientation | 滑块滑轨显示方向 Vertical: 垂直显示 Horizontal: 水平显示 |
| Orientation Labels | 滑块滑轨的刻度数值方向 Bottom Right: 刻度数值位于底部 Top Left: 刻度数值位于顶部 |
| Position Labels | 位置标签，从起始位置开始依次显示 |
# 22. TiSwitchToggle 组件
该组件展示为一个滑块功能的组件。
| 属性 | 功能说明 |
|---|---|
| Active | 对应滑块的位置，当勾选时该滑块移动至激活位置 |
| Enabled | 是否启用该控件 |
| Show Focus Rect | 当控件获得焦点时，在控件周围显示虚线矩形 |
| Drag To Toggle | 拖动以进行模式切换 |
| Orientation | 滑块滑轨显示方向 Vertical: 垂直显示 Horizontal: 水平显示 |
# 23. TiThermometer 组件
该组件显示为一个温度计。
| 属性 | 功能说明 |
|---|---|
| Position | 设定温度计当前指向的位置 |
| Position Max | 设定温度计显示范围的最大值 |
| Position Min | 设定温度计显示范围的最小值 |
| Transparent | 控件背景是否为透明 |
| Enabled | 是否启用该控件 |
| Orientation | 仪表的显示方向 Vertical: 垂直显示 Horizontal: 水平显示 |
| Orientation Tick Marks | 仪表的刻度数值方向 Bottom Right: 刻度数值位于底部 Top Left: 刻度数值位于顶部 |