按钮

按钮用于传达用户触摸时将要执行的操作。

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


解剖学

按钮剖析
1. 按钮容器未填充
2. 已填充按钮容器,表示主要操作或首选操作
3. 按钮标签

规格

按钮长度下限和上限

按钮标签长度上限为 20 个字符。按钮宽度下限为 156dp。
按钮标签长度上限为 20 个字符。按钮宽度下限为 156dp。

带有图标的按钮与默认按钮

按钮可以包含图标。添加后,图标通常会显示在按钮文字的左侧。
按钮可以包含图标。添加后,图标通常会显示在按钮文本的左侧。

按钮可以作为元素显示在其他组件(例如应用栏对话框)中。

按钮在应用栏中的位置

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

对话框中的按钮

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

主打按钮

主打按钮的圆角边缘凸显其重要性
主打按钮的圆角边缘突出其重要性

自定义

OEM 可以通过修改按钮的视觉外观来体现其品牌,例如:

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

车载设备界面库集成指南提供了有关自定义组件的 OEM 指南。

设计系统就如何使用布局、颜色、排版、大小调整、形状和运动来自定义组件提供了具体指导。


示例

广告空缺和已填充的按钮
未填充按钮和已填充按钮,其中填充按钮表示主要操作
已填充的按钮已停用
这个已填充按钮的颜色和不透明度表示已停用状态
未填充的按钮对话框
对话框中未填充的按钮表示权重相等的操作
按钮涟漪动作时长
这些涟漪动作的时长为 330 毫秒。用于通过按钮确认用户联系。
按钮涟漪动画
这些涟漪效果最初会叠加在按钮表面 60% 的区域内。它们会从用户的点按位置展开,距离按钮边缘停止 10dp。