按鈕會傳達使用者輕觸按鈕時所發生的動作。
按鈕是標準的 Android 開放原始碼計畫 (AOSP) 元件。這種廣告可以使用純色背景,或未填滿 (使用透明背景)。實心按鈕代表主要動作或偏好動作。按鈕可獨立顯示或分組顯示,與一律顯示在群組中的分頁不同。
圖解
![按鈕圖解](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?hl=zh-tw)
2. 實心按鈕容器,表示主要動作或偏好動作
3. 按鈕標籤
規格
按鈕長度下限和長度上限
![按鈕標籤的長度上限為 20 個字元。按鈕寬度下限為 156dp。](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?hl=zh-tw)
含圖示與預設按鈕的按鈕
![可在按鈕中加入圖示。加入後,圖示通常會顯示在按鈕文字的左側。](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?hl=zh-tw)
按鈕能以元素的形式顯示在其他元件中,例如應用程式列或對話方塊。
應用程式列中的按鈕位置
![按鈕位於應用程式列的右側](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?hl=zh-tw)
對話方塊中的按鈕
![對話方塊中的按鈕通常位於對話方塊左下方](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?hl=zh-tw)
主頁橫幅按鈕
![主頁橫幅按鈕的圓滑邊緣強調其重要性](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?hl=zh-tw)
自訂
原始設備製造商 (OEM) 可以修改按鈕的外觀來反映品牌形象,例如:
- 指定強調色
- 提供自訂圖示
- 新增自訂字型
- 變更使用中、停用和已停用按鈕的外觀
- 設定按鈕尺寸、邊角形狀和位置
- 透過動態效果向使用者提供意見回饋
Car UI 程式庫整合指南提供原始設備製造商 (OEM) 自訂元件的相關指引。
設計系統提供具體的指引,讓您瞭解如何使用版面配置、顏色、字體排版、大小、形狀和動作來自訂元件。
範例
![無填滿和填滿的按鈕](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?hl=zh-tw)
![已停用填滿的按鈕](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?hl=zh-tw)
![未填入的按鈕對話方塊](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?hl=zh-tw)
![按鈕漣漪動作持續時間](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?hl=zh-tw)
![按鈕漣漪動畫](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?hl=zh-tw)