按鈕

按鈕用於傳達使用者觸摸它時發生的操作。

按鈕是標準的 Android 開源專案 (AOSP) 元件。它們可以填充純色背景，也可以不填充（使用透明背景）。填滿的按鈕表示主要或首選操作。按鈕可以單獨顯示，也可以分組顯示－這與始終分組顯示的標籤頁不同。

解剖學

紐扣解剖學
1. 未填滿的按鈕容器
2. 已填滿的按鈕容器，指示主要或首選操作
3. 按鈕標籤

規格

按鈕最小和最大長度

按鈕標籤最大長度為 20 個字元。按鈕最小寬度為 156dp。
按鈕標籤最大長度為 20 個字元。按鈕最小寬度為 156 dp。

帶有圖標的按鈕與預設按鈕

按鈕可以包含圖示。如果包含圖標，圖標通常會顯示在按鈕文字的左側。
按鈕可以包含圖示。如果包含圖標，圖標通常會顯示在按鈕文字的左側。

按鈕可以作為元素出現在其他元件中，例如應用程式列或對話方塊。

應用程式列中的按鈕位置

按鈕位於應用程式列的右側。
按鈕位於應用程式列的右側。

對話框中的按鈕

對話框中的按鈕通常位於對話框的左下角。
對話框中的按鈕通常位於對話框的左下角。

英雄按鈕

英雄按鈕的圓角設計突顯了它的重要性
圓角設計突顯了主按鈕的重要性。

客製化

原始設備製造商可以透過改變按鈕的外觀來體現其品牌形象，例如：

  • 指定強調色
  • 提供自訂圖標
  • 新增自訂字體
  • 更改啟動、非啟動和停用按鈕的外觀
  • 設定按鈕尺寸、角落形狀和位置
  • 利用動作向使用者提供回饋

汽車使用者介面庫整合指南為OEM廠商提供客製化組件的指導。

範例

未填滿和已填滿的按鈕
未填滿和已填滿的按鈕，其中已填滿的按鈕表示主要操作。
已禁用的已填滿按鈕
此填滿按鈕的顏色和不透明度表示其處於停用狀態。
未填寫的按鈕對話框
對話方塊中未填入的按鈕表示操作權重相同。
按鈕漣漪運動持續時間
這些漣漪動作持續時間為 330 毫秒。它們用於確認使用者與按鈕的接觸。
按鈕漣漪動畫
這些波紋運動最初覆蓋按鈕表面的 60%。它們從使用者點擊的位置向外擴展，並在距離按鈕邊緣 10 dp 處停止。