水平條狀調節器可作為輸出以及輸入元件，將滑鈕開啟時進度條為輸入元件，否則則為輸出元件。
水平條狀調節器的背景、進度條、進度條底色和滑鈕等，皆可分別載入不同尺寸的圖形，使用者可以根據需求，製作不同風格及形狀的進度條，適合使用於需要顯示特別指示訊息的進度條，譬如電池存量或液體槽的液體高度等。
如欲快速入門，可以觀看博象教育影片，幫助了解水平條狀調節器
-
教育影片
元件屬性
水平條狀調節器
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name |
| 連結到使用手冊 | 連結至博象使用手冊 |
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器，藉由暫存器內容觸發隱藏元件 | Checkbox |
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector |
背景圖片設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示圖片 | 決定是否要顯示背景圖片 | Checkbox |
| 顯示輔助線 | 決定是否要顯示背景圖片的輔助線 輔助線顯示元件外框及中心點 |
Checkbox |
| 載入圖片 | 從檔案系統選擇作為背景的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯滑桿的背景圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為滑桿的背景圖片 |
水銀柱圖片設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示圖片 | 決定是否要顯示水銀柱圖片，水銀柱隨著暫存器值改變 | Checkbox |
| 顯示輔助線 | 決定是否要顯示水銀柱的調整圖示 利用調整圖示調整水銀柱的位置，以及水銀柱的寬度 |
Checkbox |
| 水銀柱左上座標 | 設定水銀柱左上的座標 水銀柱顯示輔助線時有效 |
Alignment Selector |
| 水銀柱右下座標 | 設定水銀柱右下的座標 水銀柱顯示輔助線時有效 |
Alignment Selector |
| 載入圖片 | 從檔案系統選擇作為水銀柱的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯滑桿的水銀柱圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為滑桿的水銀柱圖片 |
滑鈕圖片設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示圖片 | 決定是否要顯示滑鈕圖片，可以藉由滑鈕改變暫存器的值 | Checkbox |
| 顯示輔助線 | 決定是否要顯示滑鈕的調整圖示 利用調整圖示調整滑鈕的開始與結束位置，以及滑鈕的大小 |
Checkbox |
| 滑鈕左上座標 | 設定滑鈕左上的座標 滑鈕顯示輔助線時有效 |
Alignment Selector |
| 滑鈕右下座標 | 設定滑鈕右下的座標 滑鈕顯示輔助線時有效 |
Alignment Selector |
| 載入圖片 | 從檔案系統選擇作為滑鈕的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯滑桿的滑鈕圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為滑桿的滑鈕圖片 |
毛細管圖片設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示圖片 | 決定是否要顯示毛細管圖片 | Checkbox |
| 顯示輔助線 | 決定是否要顯示毛細管的輔助圖示 利用輔助圖示調整毛細管的位置，以及毛細管的寬度 |
Checkbox |
| 毛細管左上座標 | 設定毛細管左上的座標 毛細管顯示輔助線時有效 |
Alignment Selector |
| 毛細管右下座標 | 設定毛細管左上的座標 毛細管顯示輔助線時有效 |
Alignment Selector |
| 載入圖片 | 從檔案系統選擇作為毛細管的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯滑桿的毛細管圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為滑桿的毛細管圖片 |
刻度設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示刻度 | 決定是否要顯示刻度 | Checkbox |
| 選擇刻度形狀 | 設定刻度是否要圓頭或矩形 | Dropdown List |
| 刻度鏤空 | 決定刻度是否要鏤空 如果選擇鏤空，刻度會透出後面的顏色 |
Checkbox |
| 刻度開始座標 | 設定刻度開始位置座標 顯示刻度時有效 |
Alignment Selector |
| 刻度結束座標 | 設定刻度結束位置座標 顯示刻度時有效 |
Alignment Selector |
| 刻度分格數 | 設定刻度的分格數 | Number Editor |
| 刻度顏色 | 設定刻度的顏色 | Color Selector |
| 刻度樣式 | 設定刻度的框線風格 | Frame Selector |
| 顯示子刻度 | 決定是否要顯示子刻度 | Checkbox |
| 子刻度分格數 | 設定子刻度的分格數 | Number Editor |
| 子刻度顏色 | 設定子刻度的顏色 | Color Selector |
| 子刻度樣式 | 設定子刻度的框線風格 | Frame Selector |
| 子刻度長度 % | 設定子刻度的長度佔刻度長度的百分比(1-100%) | Number Editor |
| 顯示刻度數字 | 決定是否要顯示刻度數字 | Checkbox |
| 開始數字 | 設定刻度開始的數值 | Number Editor |
| 結束數字 | 設定刻度結束的數值 | Number Editor |
| 對齊方式 | 設定刻度數字的開始在刻度的開始、中間或者結束 | Alignment Selector |
| 數字字型 | 設定刻度數字的字型樣式、字體大小、粗細、及斜體 | Font Selector |
| 數字顏色 | 設定刻度數字的顏色 | Color Selector |
滑鈕行為設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 最小資料值 | 最小資料值，對應到滑桿開始 | Number Editor |
| 最大資料值 | 最大資料值，對應到滑桿結束 | Number Editor |
| 反向對應數值 | 決定是否要反向對應數值 最小資料值對應到滑桿結束，最大資料值對應到滑桿開始 |
Checkbox |
| 綁定數值暫存器 | 如果綁定的暫存器內容等於最小資料值，滑桿顯示在開始位置 如果綁定的暫存器內容等於最大資料值，滑桿顯示在結束位置 |
Register Selector |
預覽
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 按鈕按下動畫 | 預覽滑桿隨著暫存器內容而變化 |
元件上編輯器
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
 |
調整水銀柱位置以及寬度 | Liquid Column Editor |
 |
調整滑鈕的開始與結束位置，以及滑鈕的大小 | Knob Editor |
 |
調整毛細管的位置及寬度 | Bore Editor |
 |
調整刻度位置 | Scale Editor |
 |
調整刻度數字位置 | Scale Editor |
右鍵選單
選擇刻度形狀
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 選擇刻度形狀 | 設定刻度是否要圓頭或矩形 |
顯示刻度數字
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示刻度數字 | 決定是否要顯示刻度數字 | Checkbox |
對齊方式
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 對齊方式 | 設定刻度數字的開始在刻度的開始、中間或者結束 | Alignment Selector |
反向對應數值
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 反向對應數值 | 決定是否要反向對應數值 最小資料值對應到滑桿結束，最大資料值對應到滑桿開始 |
Checkbox |
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 載入背景圖片… | 從檔案系統選擇作為背景的圖片 | File Open Dialog Box |
| 編輯背景圖片 | 編輯滑桿的背景圖片 | Image Editor Dialog Box |
| 從剪貼簿貼上背景圖片 | 貼上剪貼簿中的圖片作為滑桿的背景圖片 | |
| 載入水銀柱圖片… | 從檔案系統選擇作為水銀柱的圖片 | File Open Dialog Box |
| 編輯水銀柱圖片 | 編輯滑桿的水銀柱圖片 | Image Editor Dialog Box |
| 從剪貼簿貼上水銀柱圖片 | 貼上剪貼簿中的圖片作為滑桿的水銀柱圖片 | |
| 載入滑鈕圖片… | 從檔案系統選擇作為滑鈕的圖片 | File Open Dialog Box |
| 編輯滑鈕圖片 | 編輯滑桿的滑鈕圖片 | Image Editor Dialog Box |
| 從剪貼簿貼上滑鈕圖片 | 貼上剪貼簿中的圖片作為滑桿的滑鈕圖片 | |
| 載入毛細管圖片… | 從檔案系統選擇作為毛細管的圖片 | File Open Dialog Box |
| 編輯毛細管圖片 | 編輯滑桿的毛細管圖片 | Image Editor Dialog Box |
| 從剪貼簿貼上毛細管圖片 | 貼上剪貼簿中的圖片作為滑桿的毛細管圖片 | |
| 預覽按鈕按下動畫 | 預覽滑桿隨著暫存器內容而變化 | |
| 連接到使用手冊… | 連結至博象使用手冊 |