按鈕

按鈕會傳達使用者輕觸按鈕時所發生的動作。

按鈕是標準的 Android 開放原始碼計畫 (AOSP) 元件。這種廣告可以使用純色背景,或未填滿 (使用透明背景)。實心按鈕代表主要動作或偏好動作。按鈕可獨立顯示或分組顯示,與一律顯示在群組中的分頁不同。


圖解

按鈕圖解
1. 未填入的按鈕容器
2. 實心按鈕容器,表示主要動作或偏好動作
3. 按鈕標籤

規格

按鈕長度下限和長度上限

按鈕標籤的長度上限為 20 個字元。按鈕寬度下限為 156dp。
按鈕標籤的長度上限為 20 個字元。按鈕寬度下限為 156dp。

含圖示與預設按鈕的按鈕

可在按鈕中加入圖示。加入後,圖示通常會顯示在按鈕文字的左側。
您可以在按鈕中加入圖示。加入後,圖示通常會顯示在按鈕文字的左側。

按鈕能以元素的形式顯示在其他元件中,例如應用程式列對話方塊

應用程式列中的按鈕位置

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

對話方塊中的按鈕

對話方塊中的按鈕通常位於對話方塊左下方
對話方塊中的按鈕通常位於對話方塊的左下方

主頁橫幅按鈕

主頁橫幅按鈕的圓滑邊緣強調其重要性
主頁橫幅按鈕的圓滑邊緣強調重要性

自訂

原始設備製造商 (OEM) 可以修改按鈕的外觀來反映品牌形象,例如:

  • 指定強調色
  • 提供自訂圖示
  • 新增自訂字型
  • 變更使用中、停用和已停用按鈕的外觀
  • 設定按鈕尺寸、邊角形狀和位置
  • 透過動態效果向使用者提供意見回饋

Car UI 程式庫整合指南提供原始設備製造商 (OEM) 自訂元件的相關指引。

設計系統提供具體的指引,讓您瞭解如何使用版面配置、顏色、字體排版、大小、形狀和動作來自訂元件。


範例

無填滿和填滿的按鈕
未填滿和已填滿的按鈕,其中已填滿的按鈕表示主要動作
已停用填滿的按鈕
這個實心按鈕的顏色和不透明度表示已停用
未填入的按鈕對話方塊
對話方塊中的未填滿按鈕表示動作權重相等
按鈕漣漪動作持續時間
這些漣漪動作的持續時間為 330 毫秒。用於透過按鈕確認使用者聯絡。
按鈕漣漪動畫
這些漣漪動作最初會重疊在按鈕表面的 60% 上。圖示會從使用者輕觸時展開,並與按鈕邊緣 10dp 結束。