切換方塊

ToggleChip 是一種特殊的方塊,可讓使用者選擇各種選項。

切換方塊

切換方塊內含雙狀態切換控制項。雙狀態切換控制項的例子有切換按鈕、圓形按鈕或核取方塊等。當需要用快速簡便的方式設定多種選項時,請用切換方塊,例如設定畫面。

圖解

切換方塊有四個版位,包括兩個文字標籤、一個選取控制項以及一個應用程式圖示。圖示和次要標籤是選用項目。

A. 標籤

B. 次要標籤

C. 圖示

D. 選取控制項

拉賈容器

選取控制項

切換按鈕

請用切換按鈕開啟或關閉選取內容。

圓形按鈕

當使用者只能選擇一個選項時,請在清單中使用圓形按鈕。

核取方塊

當使用者可以選擇多種選項時,請在清單中使用核取方塊。

分割切換方塊

SplitToggleChip 和 ToggleChip 不同,提供兩個可輕觸的區域、一個可點按的文字區域,以及一個有切換開關的區域。

在分割切換方塊中,請為各個區段指定不同顏色,藉此分出可以輕觸的背景區域以及切換開關控制項。

使用方法

請如以下範例所示使用切換方塊。