Link Search Menu Expand Document

圓形刻度盤為一般顯示元件。

目的為快速產生使用這需求的圓形表的刻度以及數字,省卻使用者需要使用外部繪圖軟體繪製圓盤表的需求。此元件提供彈性刻度以及顯示文件設定,並提供光影效果,可以簡單快速建立出美觀的表盤。

如欲快速入門,可以觀看博象教育影片,幫助了解圓形刻度盤

  • 教育影片

元件屬性

圓形刻度盤

屬性名稱 屬性功能描述 操作型態
元件名稱 元件實體名稱 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
連接到使用手冊… 連結至博象使用手冊