垂直條狀調節器可作為輸出以及輸入元件,將滑鈕開啟時進度條為輸入元件,否則則為輸出元件。
垂直條狀調節器的背景、進度條、進度條底色和滑鈕等,皆可分別載入不同尺寸的圖形,使用者可以根據需求,製作不同風格及形狀的進度條,適合使用於需要顯示特別指示訊息的進度條,譬如電池存量或液體槽的液體高度等。
元件屬性
垂直條狀調節器
屬性名稱 | 屬性功能描述 | 操作型態 |
---|---|---|
元件名稱 | 元件實體名稱 | 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 |
右鍵選單
選擇刻度形狀
屬性名稱 | 屬性功能描述 | 操作型態 |
---|---|---|
選擇刻度形狀 | 設定刻度是否要圓頭或矩形 |
顯示刻度數字
屬性名稱 | 屬性功能描述 | 操作型態 |
---|---|---|
顯示刻度數字 | 決定是否要顯示刻度數字 | 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 |
從剪貼簿貼上毛細管圖片 | 貼上剪貼簿中的圖片作為滑桿的毛細管圖片 | |
預覽按鈕按下動畫 | 預覽滑桿隨著暫存器內容而變化 | |
連接到使用手冊… | 連結至博象使用手冊 |