標準工控控制元件
# 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: 刻度數值位於頂部 |