按钮用于传达用户触摸时将要执行的操作。
按钮是标准的 Android 开源项目 (AOSP) 组件。它们可以是纯色背景,也可以是未填充(透明背景)。实心按钮表示主要操作或首选操作。按钮可以单独显示,也可以成组显示,这与标签页不同,后者始终分组显示。
解剖学
![按钮剖析](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-anatomy-1.png?authuser=5&hl=sr)
2. 已填充按钮容器,表示主要操作或首选操作
3. 按钮标签
规格
按钮长度下限和上限
![按钮标签长度上限为 20 个字符。按钮宽度下限为 156dp。](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-1.png?authuser=5&hl=sr)
带有图标的按钮与默认按钮
![按钮可以包含图标。添加后,图标通常会显示在按钮文字的左侧。](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-3.png?authuser=5&hl=sr)
按钮在应用栏中的位置
![按钮位于应用栏的右侧](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-2.png?authuser=5&hl=sr)
对话框中的按钮
![对话框中的按钮通常位于对话框的左下角](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-4.png?authuser=5&hl=sr)
主打按钮
![主打按钮的圆角边缘凸显其重要性](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-spec-5.png?authuser=5&hl=sr)
自定义
OEM 可以通过修改按钮的视觉外观来体现其品牌,例如:
- 指定强调色
- 提供自定义图标
- 添加自定义字体
- 更改活动按钮、非活动按钮和已停用按钮的外观
- 设置按钮尺寸、边角形状和展示位置
- 使用动作为用户提供反馈
车载设备界面库集成指南提供了有关自定义组件的 OEM 指南。
设计系统就如何使用布局、颜色、排版、大小调整、形状和运动来自定义组件提供了具体指导。
示例
![广告空缺和已填充的按钮](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-1.png?authuser=5&hl=sr)
![已填充的按钮已停用](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-2.png?authuser=5&hl=sr)
![未填充的按钮对话框](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-mock-3.png?authuser=5&hl=sr)
![按钮涟漪动作时长](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-different-shapes.gif?authuser=5&hl=sr)
![按钮涟漪动画](https://developers.google.cn/cars/design/automotive-os/components/images/buttons-ripple.gif?authuser=5&hl=sr)