有段按鈕既是一個輸入元件也是輸出元件，主要作為一個雙態按鈕。
狀態可以由使用者觸摸按鈕來改變，或是藉由其他元件或是程式改變繫結的暫存器內容來改變按鈕狀態，利用這個特性，可以做到在不同頁面但是相互連動的雙切開關功能。
有段按鈕為高效能以及節省資源的最佳選擇，僅提供特定字型尺寸的英文顯示以及漸層填滿與邊框顏色尺寸等風格設定。不提供載入圖像功能。
按下或釋放按鈕時，會產生事件並可以對應到頁面切換、暫存器數值改變或是執行使用者撰寫的Blockly程式。
如欲快速入門，可以觀看博橡教育影片，幫助了解有段按鈕
-
教育影片
元件屬性
有段按鈕
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件名稱 | 元件實體名稱 | Name |
| 連結到使用手冊 | 連結至博橡使用手冊 |
顯示/隱藏控制
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 繫結顯示/隱藏 | 決定是否要綁定暫存器，藉由暫存器內容觸發隱藏元件 | Checkbox |
| 選擇顯示/隱藏 | 透過改變暫存器值決定顯示或不顯示元件 | Register Selector |
顯示OFF/ON狀態
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 元件狀態 | 選擇要預覽的狀態 | Dropdown List |
文字設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 釋放時文字 | 設定按鈕放開時的文字 | Plain Text |
| 文字顏色 | 設定放開按鈕時文字的顯示顏色 | Color Selector |
| 文字不透明度 % | 設定按鈕放開時的文字不透明度(1-100%) | Number Editor |
| 啟用按下時風格 | 決定按鈕放開與按下時是否要顯示不同的文字並另外設定按下時的文字與風格 | Checkbox |
| 按下時文字 | 設定按鈕按下時的文字 | Plain Text |
| 文字顏色 | 設定按鈕按下時的文字顏色 | Color Selector |
| 文字不透明度 % | 設定按鈕按下時的文字不透明度(1-100%) | Number Editor |
本體設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 主要顏色 | 設定按鈕的主要顏色 | Color Selector |
| 漸變顏色 | 設定按鈕的漸變顏色 | Color Selector |
| 按鈕不透明度 % | 設定按鈕的不透明度(0-100%) | Number Editor |
| 圓角半徑 | 設定按鈕的圓角半徑，最大值隨元件大小而變動 | Number Editor |
| 啟用按下時風格 | 決定按鈕放開與按下時是否要顯示不同風格並另外設定按下時的風格 | Checkbox |
| 主要顏色 | 設定按鈕的主要顏色 | Color Selector |
| 漸變顏色 | 設定按鈕按下時的漸變顏色 | Color Selector |
| 按鈕不透明度 % | 設定按鈕按下時的不透明度(0-100%) | Number Editor |
| 圓角半徑 | 設定按鈕按下時的圓角半徑，最大值隨元件大小而變動 | Number Editor |
邊框設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 邊框顏色 | 設定按鈕邊框的顏色 | Color Selector |
| 邊框寬度 | 設定按鈕邊框的寬度 | Number Editor |
| 啟用按下時風格 | 決定按鈕放開與按下時是否要顯示不同風格並另外設定按下時的風格 | Checkbox |
| 邊框顏色 | 設定按鈕按下時邊框的顏色 | Color Selector |
| 邊框寬度 | 設定按鈕按下時邊框的寬度 | Number Editor |
陰影設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 陰影顏色 | 設定按鈕陰影的顏色 | Color Selector |
| 陰影寬度 | 設定按鈕陰影的寬度 | Number Editor |
| 啟用按下時風格 | 決定按鈕放開與按下時是否要顯示不同風格並另外設定按下時的風格 | Checkbox |
| 陰影顏色 | 設定按鈕按下時陰影的顏色 | Color Selector |
| 陰影寬度 | 設定按鈕按下時陰影的寬度 | Number Editor |
按鈕開啟事件設定
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 啟用頁面選擇器 | 當按鈕被點擊時，根據選擇目標頁面的內容啟動換頁行為 | 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 |
綁定狀態暫存器
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 啟用狀態綁定暫存器 | 決定是否要將狀態綁定暫存器 | Checkbox |
| 綁定暫存器 | 狀態綁定的暫存器，藉由改變暫存器值變換元件狀態 | Register Selector |
預覽
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 按鈕按下動畫 | 預覽元件點擊效果 |
右鍵選單
元件子功能
| 屬性名稱 | 屬性功能描述 | 操作型態 |
|---|---|---|
| 預覽按鈕按下動畫 | 預覽元件點擊效果 | |
| 連接到使用手冊… | 連結至博橡使用手冊 |