
圓形刻度盤為一般顯示元件。
目的為快速產生使用這需求的圓形表的刻度以及數字,省卻使用者需要使用外部繪圖軟體繪製圓盤表的需求。此元件提供彈性刻度以及顯示文件設定,並提供光影效果,可以簡單快速建立出美觀的表盤。
如欲快速入門,可以觀看博象教育影片,幫助了解圓形刻度盤
-
教育影片
元件屬性
圓形刻度盤
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name |
| 連結到使用手冊 | 連結至博象使用手冊 |
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器,藉由暫存器內容觸發隱藏元件 | Checkbox |
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector |
顯示設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示文字 | 決定是否要顯示文字標籤 | Checkbox |
| 文字內容 | 設定要顯示的文字 | Plain Text |
| 字型 | 設定文字標籤的字型樣式、字體大小、粗細、斜體及行距 | Font Selector |
| 文字顏色 | 設定文字標籤的顏色 | Color Selector |
| 文字位置 | 設定文字標籤的座標 | Alignment Selector |
| 開始數字 | 對應到圓弧刻度開始角度的數值 | Number Editor |
| 結束數字 | 對應到圓弧刻度結束角度的數值 | Number Editor |
| 反向 | 決定是否要反向對應數值,開始數字對應到圓弧刻度結束角度,結束數字對應到圓弧刻度開始角度 | Checkbox |
| 開始角度 | 圓弧刻度開始角度(1-359),詳情參考Number Editor | Number Editor |
| 圓弧長度 | 圓弧刻度長度(1-360) | Number Editor |
純色背景設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示純色背景 | 決定是否要顯示純色背景 | Checkbox |
| 邊框顏色 | 設定純色背景邊框的顏色 | Color Selector |
| 邊框樣式 | 設定邊框的框線風格 | Dropdown List |
| 純色背景顏色 | 設定純色背景的顏色 | Color Selector |
背景圖片設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示背景圖片 | 決定是否要顯示背景圖片 | Checkbox |
| 圖片左上座標 | 設定圖片左上的座標 | Alignment Selector |
| 圖片右下座標 | 設定圖片右下的座標 | Alignment Selector |
| 載入背景圖片 | 從系統檔案選擇作為背景的圖片 | File Open Dialog Box |
刻度樣式設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 刻度樣式 | 設定刻度是否要鏤空,或設定使用漸變顏色,並設定臨界值。詳情參考Color Selector | Dropdown List |
| 選擇刻度形狀 | 設定刻度是否要圓頭或矩形 | Dropdown List |
| 圓心位置 | 設定刻度圓心的座標 | Alignment Selector |
| 置中心點 | 將圓心水平垂直置中 | Alignment Selector |
主刻度設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示刻度 | 決定是否要顯示刻度 | Checkbox |
| 刻度分隔數 | 設定刻度的分格數 | Number Editor |
| 刻度開始位置百分比 | 設定刻度起始位置佔半徑的百分比(1-200%) | Number Editor |
| 刻度結束位置百分比 | 設定刻度結束位置佔半徑的百分比 (1-200%) | Number Editor |
| 刻度顏色 | 設定刻度的顏色 | Color Selector |
| 刻度樣式 | 設定刻度的框線風格 | Frame Selector |
| 顯示刻度數字 | 決定是否要顯示刻度數字 | Checkbox |
| 顯示開始數字 | 決定是否要顯示開始數字 | Checkbox |
| 顯示結束數字 | 決定是否要顯示結束數字 | Checkbox |
| 刻度數字開始百分比 | 設定刻度數字佔半徑的百分比(1-200%) | Number Editor |
| 數字字型 | 設定刻度數字的字型樣式、字體大小、粗細、斜體及行距 | Font Selector |
| 數字顏色 | 設定刻度數字的顏色 | Color Selector |
子刻度設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示刻度 | 決定是否要顯示子刻度 | Checkbox |
| 刻度分隔數 | 設定子刻度的分格數 | Number Editor |
| 刻度開始位置百分比 | 設定子刻度起始位置佔半徑的百分比 (1-200%) | Number Editor |
| 刻度結束位置百分比 | 設定子刻度結束位置佔半徑的百分比 (1-200%) | Number Editor |
| 刻度顏色 | 設子定刻度的顏色 | Color Selector |
| 刻度樣式 | 設子定刻度的框線風格 | Frame Selector |
| 顯示刻度數字 | 決定是否要顯示子刻度數字 | Checkbox |
| 顯示開始數字 | 決定是否要顯示開始數字 | Checkbox |
| 顯示結束數字 | 決定是否要顯示結束數字 | Checkbox |
| 刻度數字開始百分比 | 設定子刻度數字佔半徑的百分比(1-200%) | Number Editor |
| 數字字型 | 設定子刻度數字的字型樣式、字體大小、粗細、斜體及行距 | Font Selector |
| 數字顏色 | 設定子刻度數字的顏色 | Color Selector |
光暈與光源設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 使用光暈與光源效果 | 決定是否要使用Filter,詳情請參閱SVG Filter | Checkbox |
| 陰影x座標 | 設定陰影的x軸位移 | Number Editor |
| 陰影y座標 | 設定陰影的y軸位移 | Number Editor |
| 鏡射平面 | 設定鏡射平面,詳情請參閱SVG Filter | Number Editor |
| 鏡射光常數 | 設定鏡射光常數,詳情請參閱 SVG Filter | Number Editor |
| 鏡射光指數 | 設定鏡射光指數,詳情請參閱 SVG Filter | Number Editor |
| 光源顏色 | 設定光源的顏色 | Color Selector |
| 光源x座標 | 設定光源的x座標,詳情請參閱 SVG Filter | Number Editor |
| 光源y座標 | 設定光源的y座標,詳情請參閱 SVG Filter | Number Editor |
| 光源z座標 | 設定光源的z座標,詳情請參閱 SVG Filter | Number Editor |
元件上編輯器
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
![]() |
調整刻度圓弧的圓心 | Center Editor |
![]() |
調整文字標籤的位置 | Label Editor |
![]() |
調整刻度的位置 | Scale Editor |
![]() |
調整刻度的位置 | Image Editor |
右鍵選單
移動旋轉中心到圖形中心點
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 移動旋轉中心到圖形中心點 | 將圓心水平垂直置中 | Center Editor |
刻度樣式
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 刻度樣式 | 設定刻度是否要鏤空或設定使用漸變顏色,並設定臨界值,詳情參考Color Selector |
選擇刻度形狀
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 選擇刻度形狀 | 設定刻度是否要圓頭或矩形 |
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 載入背景圖片… | 從系統檔案選擇作為背景的圖片 | File Open Dialog Box |
| 從剪貼簿貼上旋轉影像 | 從剪貼簿貼上要作為背景的圖片 | |
| 編輯背景圖片 | 編輯背景圖片 | Image Editor Dialog Box |
| 連接到使用手冊… | 連結至博象使用手冊 |



