圓形刻度盤為一般顯示元件。
目的為快速產生使用這需求的圓形表的刻度以及數字,省卻使用者需要使用外部繪圖軟體繪製圓盤表的需求。此元件提供彈性刻度以及顯示文件設定,並提供光影效果,可以簡單快速建立出美觀的表盤。
如欲快速入門,可以觀看博象教育影片,幫助了解圓形刻度盤
-
教育影片
元件屬性
圓形刻度盤
屬性名稱 | 屬性功能描述 | 操作型態 |
---|---|---|
元件名稱 | 元件實體名稱 | 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 |
連接到使用手冊… | 連結至博象使用手冊 |