
圓形進度條為輸出元件。
藉由填充顏色顯示進度或是數值,可設定不同的填充方向以及填充角度與最小最大數值的對應,並且可以加上有鏤空區域的前景圖片,可以用來設計類似內有LED光源並隨數值變化亮滅的旋鈕,或是圓形碼表等圖示。
如欲快速入門,可以觀看博象教育影片,幫助了解圓形進度條
- 
    
教育影片
 
元件屬性
圓形進度條
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name | 
| 連結到使用手冊 | 連結至博象使用手冊 | 
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器,藉由暫存器內容觸發隱藏元件 | Checkbox | 
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector | 
行為設定
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 增長方向 | 進度條順時針或逆時針的增長  ![]()  | 
      Dropdown List | 
| 反向 | 進度條順時針或逆時針的減少  ![]()  | 
      Dropdown List | 
| 最小資料值 | 對應到圓弧開始角度的資料值,必須小於最大資料值 | Number Editor | 
| 最大資料值 | 對應到圓弧結束角度的資料值,必須大於最小資料值 | Number Editor | 
| 綁定數值暫存器 | 暫存器的內容是最小資料值的話,圓形進度條會顯示在開始角度,隨著暫存器數值增加,角度會隨著增加,直至暫存器是最大資料值時圓形進度條會顯示到最大角度 | Register Selector | 
| 顯示方向指示 | 是否要顯示方向指示箭頭 | Checkbox | 
| 圓心位置 | 設定圓心的座標 | Alignment Selector | 
| 對齊 | 將圓心水平垂直置中 | Alignment Selector | 
風格設定
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 顯示前景圖片 | 是否要顯示前景圖片,如果前景圖片帶透明,則可以將進度條透出來顯示 | Checkbox | 
| 載入前景圖片 | 從檔案系統選擇作為前景圖片 | File Open Dialog Box | 
| 端點圓角化 | 是否要將進度條兩端終點圓弧化 | Checkbox | 
| 開始角度 | 進度條圓弧開始角度(0-359),詳情參考Number Editor | Number Editor | 
| 圓弧長度 | 進度條圓弧長度(1-359) | Number Editor | 
| 圓弧半徑 | 進度條半徑大小,最大值隨元件大小而變動 | Number Editor | 
| 圓弧顏色 | 設定進度條顏色 | Color Selector | 
| 圓弧寬度 | 設定進度條寬度(0-100) | Number Editor | 
元件上編輯器
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
![]()  | 
      調整元件的圓心 | Center Editor | 
右鍵選單
移動旋轉中心到圖形中心點
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 移動旋轉中心到圖形中心點 | 將圓心水平垂直置中 | Center Editor | 
增長方向
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 增長方向 | 進度條順時針或逆時針的增長  ![]()  | 
      Center Editor | 
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 | 
|---|---|---|
| 編輯圖片 | 編輯前景圖片 | Image Editor Dialog Box | 
| 載入前景圖片… | 從檔案系統選擇作為前景圖片 | File Open Dialog Box | 
| 從剪貼簿貼上圖片 | 貼上剪貼簿中的圖片作為前景圖片 | |
| 連接到使用手冊… | 連結至博象使用手冊 | 
 
 
