段位按鍵是一個輸入元件，主要作為一個無內部狀態的按鈕。
段位按鍵可以對應到不同的顯示圖像以及文字。
按鈕按下、釋放時皆會產生事件並可以對應到頁面切換、暫存器數值改變或是執行使用者撰寫的Blockly程式。使用者可以控制按下與釋放時做不同的動作。
如欲快速入門，可以觀看博象教育影片，幫助了解段位按鍵
-
教育影片
元件屬性
段位按鍵
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name |
| 連結到使用手冊 | 連結至博象使用手冊 |
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器，藉由暫存器內容觸發隱藏元件 | Checkbox |
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector |
顯示釋放/按下狀態
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件狀態 | 選擇要預覽的狀態 | Dropdown List |
釋放狀態文字設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 顯示文字 | 決定放開按鈕時是否要顯示文字 | Checkbox |
| 行高 | 設定文字間的距離 | Number Editor |
| 圖層混合模式 | 決定放開按鈕時文字的顏色與背景圖片的混色，詳情參考Blending Selector |
Blending Selector |
按下狀態文字設定
| 顯示文字 | 決定按著按鈕時是否要顯示文字 | Checkbox |
| 行高 | 設定文字間的距離 | Number Editor |
| 圖層混合模式 | 決定按著按鈕時文字的顏色與背景圖片的混色，詳情參考Blending Selector |
Blending Selector |
按下事件設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 啟用頁面選擇器 | 當按鈕被按著時，根據選擇目標頁面的內容啟動換頁行為 | Checkbox |
| 選擇目標頁面 | 當按鈕被按著時，此處設定的行為會執行，詳情參考Page Selector | Page Selector |
| 啟用暫存器操作 | 當按鈕被按著時，根據綁定暫存器以及操作模式的內容對暫存器進行操作 | Checkbox |
| 綁定暫存器 | 決定要改變的暫存器 | Register Selector |
| 操作模式 | 當按鈕被按著時，此處設定的行為會執行，詳情參考Register Operation Setting | Register Operation Setting |
| 啟用回呼函式 | 當按鈕被按著時，根據行為設計所設計的回呼函式進行操作 | Checkbox |
| 行為設計 | 當按鈕被按著時，此處設定的行為會執行，詳情參考Blockly Editor | Blockly Editor |
釋放事件設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 啟用頁面選擇器 | 當按鈕被放開時，根據選擇目標頁面的內容啟動換頁行為 | Checkbox |
| 選擇目標頁面 | 當按鈕被放開時，此處設定的行為會執行，詳情參考Page Selector | Page Selector |
| 啟用暫存器操作 | 當按鈕被放開時，根據綁定暫存器以及操作模式的內容對暫存器進行操作 | Checkbox |
| 綁定暫存器 | 決定要改變的暫存器 | Register Selector |
| 操作模式 | 當按鈕被放開時，此處設定的行為會執行，詳情參考Register Operation Setting | Register Operation Setting |
| 啟用回呼函式 | 當按鈕被放開時，根據行為設計所設計的回呼函式進行操作 | Checkbox |
| 行為設計 | 當按鈕被放開時，此處設定的行為會執行，詳情參考Blockly Editor | Blockly Editor |
釋放狀態圖片操作
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 載入圖片 | 從檔案系統選擇作為元件 OFF 狀態的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯元件 OFF 狀態的圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為元件 OFF 狀態的圖片 |
按下狀態圖片操作
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 載入圖片 | 從檔案系統選擇作為元件 ON 狀態的圖片 | File Open Dialog Box |
| 編輯圖片 | 編輯元件 ON 狀態的圖片 | Image Editor Dialog Box |
| 貼上圖片 | 貼上剪貼簿中的圖片作為元件 ON 狀態的圖片 |
預覽
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 按鈕按下動畫 | 預覽元件點擊效果 |
右鍵選單
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 載入釋放狀態圖片… | 從檔案系統選擇作為元件放開狀態的圖片 | File Open Dialog Box |
| 載入按下狀態圖片… | 從檔案系統選擇作為元件按著狀態的圖片 | File Open Dialog Box |
| 編輯釋放狀態圖片… | 編輯元件放開狀態的圖片 | Image Editor Dialog Box |
| 編輯按下狀態圖片… | 編輯元件按著狀態的圖片 | Image Editor Dialog Box |
| 貼上釋放狀態圖片 | 貼上剪貼簿中的圖片作為元件放開狀態的圖片 | |
| 貼上按下狀態圖片 | 貼上剪貼簿中的圖片作為元件按著狀態的圖片 | |
| 重置為原始大小 | 將元件重置為原始大小 | Reset Editor |
| 依寬度重置比例 | 依元件寬度將元件高度與寬度比例重置 | Reset Editor |
| 依高度重置比例 | 依元件高度將元件高度與寬度比例重置 | Reset Editor |
| 預覽按鈕按下動畫 | 預覽元件點擊效果 | |
| 連接到使用手冊… | 連結至博象使用手冊 |