切換方塊
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
ToggleChip
是一種特殊的方塊,可讓使用者選擇各種選項。
切換方塊切換方塊內含雙狀態切換控制項。雙狀態切換控制項的例子有切換按鈕、圓形按鈕或核取方塊等。當需要用快速簡便的方式設定多種選項時,請用切換方塊,例如設定畫面。
圖解
切換方塊有四個版位,包括兩個文字標籤、一個選取控制項以及一個應用程式圖示。圖示和次要標籤是選用項目。
A. 標籤
B. 次要標籤
C. 圖示
D. 選取控制項
拉賈容器
選取控制項
圓形按鈕
當使用者只能選擇一個選項時,請在清單中使用圓形按鈕。
核取方塊
當使用者可以選擇多種選項時,請在清單中使用核取方塊。
分割切換方塊
SplitToggleChip
和 ToggleChip 不同,提供兩個可輕觸的區域、一個可點按的文字區域,以及一個有切換開關的區域。
在分割切換方塊中,請為各個區段指定不同顏色,藉此分出可以輕觸的背景區域以及切換開關控制項。
使用方法
請如以下範例所示使用切換方塊。
這個頁面中的內容和程式碼範例均受《內容授權》中的授權所規範。Java 與 OpenJDK 是 Oracle 和/或其關係企業的商標或註冊商標。
上次更新時間:2023-12-02 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]