開關按鈕 (Toggle Button)

當您要讓使用者透過按鈕更改兩種狀態之間設定時，就可使用開關按鈕。舉例來說，如果您要在體驗中納入音訊設定，以利使用者開啟或關閉此聲音音訊，即可提供開關按鈕。

屬性	JavaScript	類型	描述
背景色彩已按下	backgroundColorPressed	string	按下時可指定背景色彩。
未按下時的圖像	srcnotpressed	resource url	指定時未按下時所顯示的圖像。可支援的檔案格式： • .png • .jpg、.jpeg • .svg • .gif • .bmp
按下時的圖像	src	resource url	指定按下時的圖像。可支援的檔案格式： • .png • .jpg、.jpeg • .svg • .gif • .bmp
未按下	notpressed	boolean	指定未按下時所發生的情況。此為雙向的可繫結屬性。
已按下	pressed	boolean	指定按下時所發生的情況。此為雙向的可繫結屬性。

使用所必須的最少步驟

近似外觀

1. 拖曳「開關按鈕」小工具至畫布上。

2. 將「開關按鈕」小工具的「已按下」或「未按下」屬性，繫結至另一個小工具或服務。在此範例中，我們把「開關按鈕」小工具的「已按下」屬性繫結至面板小工具 (包含簡易工具列)，並選擇了「選擇繫結目標」視窗上「可見」。如此只要按下開關按鈕，就能顯示或隱藏面板。