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