使用小工具 > 2D > 開關 (Toggle)
  
開關 (Toggle)
此小工具的功能為何?
「開關」小工具即類似「核取方塊」小工具,但根據行動裝置的使用習慣而最佳化了觸控功能。
使用此小工具的時機?
當要為體驗檢視者提供可開/關的選項或設定時,就能使用「開關」。舉例來說,如果要讓使用者選擇要顯示或隱藏工具列,就是透過「開關」顯示或隱藏該工具列。
還有任何特殊屬性、服務、事件、操作嗎?
此小工具沒有任何具唯一性的屬性、服務或事件。
欲檢視通用的小工具屬性、服務、事件等清單,可參閱 共通的小工具屬性、服務、事件
操作中的小工具
此範例為小工具可能的外觀!
使用所必須的最少步驟
近似外觀
1. 拖曳「開關」小工具至畫布上。
2. 「開關」小工具的「值」屬性或「點擊」事件,繫結至另一個小工具或服務。在此範例中,我們把「開關」小工具的「值」屬性,繫結至其下方的圖像中,並選擇了「選擇繫結目標」視窗上「可見」。如此只要按下開關,就能顯示或隱藏圖像。
使用 CSS 對小工具進行樣式化處理
您可使用 CSS 對小工具進行樣式化處理!以下為 CSS 類別範例,您可進行建立並套用︰
* 
請記住,最好為類別指定唯一名稱,從而不與其他類別或 OOTB 屬性相衝突。
CSS 範例
近似外觀
.ptc-toggle {
border-width: 5px;
border-style: solid;
border-radius: 25px;
background: rgb(200, 201, 199);
font-size: 20px;
font-family: Arial;
color: black;
}
如需有關實行 CSS 類別的詳細資訊,請參閱 應用程式樣式