按鈕

A. 內容

按鈕會為圖示或文字保留一個版位。選擇與按鈕執行動作相關的圖示。如果圖示無法描述相關動作，您可使用文字，長度上限為 3 個字元。如果圖示無法清楚描述動作，請考慮使用方塊元件

B. 容器

按鈕容器只能填入單色。

切換鈕

切換鈕可讓使用者在兩個狀態之間切換。

精簡按鈕

精簡按鈕外觀較小，但有較大的可輕觸區域。預設的可輕觸區域為 48x48 dp。

使用不同的填滿色彩表示按鈕階層。

高強調

高強調按鈕包含應用程式的主要動作。如果是高強調按鈕，請為容器使用 Primary 或 Secondary 顏色，並將 On Primary 和 On Secondary 顏色用於內容。詳情請參閱「Wear Material 主題設定」。

中強調按鈕是較不對比的色彩填滿。其中包含的動作比主要動作較不重要。請為容器使用 Surface 顏色，並將 On Surface 顏色用於內容。

或者，您也可以針對中強調按鈕，使用自訂 OutlinedButton 元件。這個元件含有透明背景、不透明度 60% 的 Primary Variant 色彩筆劃，以及 Primary 顏色的內容。

低強調按鈕的特徵就是沒有塗色。這種模式最適合用於錶面上需要精簡排列的較小區域。請為內容使用 On Surface 顏色。

大

圖示 (30 x 30 dp)
容器 (60 x 60 dp)

預設

圖示 (26 x 26 dp)
容器 (52 x 52 dp)

小

圖示 (24 x 24 dp)
容器 (48 x 48 dp)

XS

圖示 (24 x 24 dp)
容器 (32 x 32 dp)

建議您在這個按鈕周圍加上額外的邊框間距，建立至少 48 dp 的輕觸目標。這是我們在無障礙功能的點按目標最小尺寸。

1 按鈕

內部邊框間距會保持不變，而且邊界必須為百分比，這樣按鈕才能避免太過拉長，並保持相對大小。

2 個按鈕

當有 2 個按鈕時，會加入百分比內邊界，以防止按鈕延展太遠，並維持相對大小。