按钮

按钮用于传达用户触摸它时发生的操作。

按钮是标准的 Android 开源项目 (AOSP) 组件。它们可以填充纯色背景,也可以不填充(使用透明背景)。填充的按钮表示主要或首选操作。按钮可以单独显示,也可以分组显示——这与始终分组显示的标签页不同。

解剖学

纽扣解剖学
1. 未填充的按钮容器
2. 已填充的按钮容器,指示主要或首选操作
3. 按钮标签

规格

按钮最小和最大长度

按钮标签最大长度为 20 个字符。按钮最小宽度为 156dp。
按钮标签最大长度为 20 个字符。按钮最小宽度为 156 dp。

带图标的按钮与默认按钮

按钮可以包含图标。如果包含图标,图标通常会显示在按钮文本的左侧。
按钮可以包含图标。如果包含图标,图标通常会显示在按钮文本的左侧。

按钮可以作为元素出现在其他组件中,例如应用程序栏对话框

应用栏中的按钮位置

按钮位于应用栏的右侧。
按钮位于应用栏的右侧。

对话框中的按钮

对话框中的按钮通常位于对话框的左下角。
对话框中的按钮通常位于对话框的左下角。

英雄按钮

英雄按钮的圆角设计突显了它的重要性
圆角设计突显了主按钮的重要性。

定制

原始设备制造商可以通过改变按钮的外观来体现其品牌形象,例如:

  • 指定强调色
  • 提供自定义图标
  • 添加自定义字体
  • 更改激活、非激活和禁用按钮的外观
  • 设置按钮尺寸、边角形状和位置
  • 利用动作向用户提供反馈

汽车用户界面库集成指南为OEM厂商提供定制组件的指导。

示例

未填充和已填充的按钮
未填充和已填充的按钮,其中已填充的按钮表示主要操作。
已禁用的已填充按钮
此填充按钮的颜色和不透明度表示其处于禁用状态。
未填写的按钮对话框
对话框中未填充的按钮表示操作权重相同。
按钮涟漪运动持续时间
这些涟漪动作持续时间为 330 毫秒。它们用于确认用户与按钮的接触。
按钮涟漪动画
这些波纹运动最初覆盖按钮表面的 60%。它们从用户点击的位置向外扩展,并在距离按钮边缘 10 dp 处停止。