按钮

按钮传达的是用户轻触它时将要执行的操作。

按钮是标准的 Android 开源项目 (AOSP) 组件。填充颜色可以是纯色背景,也可以是广告空缺(透明背景)。实心按钮表示主要操作或首选操作。按钮可以单独显示或成组显示,这一点与标签页不同;标签始终显示在组中。


解剖学

按钮剖析
1. 未填充的按钮容器
2. 填充的按钮容器,指明主要或首选操作
3. 按钮标签

规格

按钮长度下限和上限

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

含图标的按钮与默认按钮

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

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

应用栏中的按钮放置

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

对话框中的按钮

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

主按钮

主按钮的圆角边缘强调其重要性
主按钮的圆角边缘强调其重要性

自定义

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

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

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

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


示例

广告空缺的按钮和已填充的按钮
未填充的按钮和已填充的按钮,已填充的按钮表示主要操作
“已停用”按钮(已填充)
此填充按钮的颜色和不透明度指示已停用状态
“未填充”按钮对话框
对话框中的空缺按钮表示权重相等的操作
涟漪动作时长按钮
这些涟漪动作的时长为 330 毫秒。它们用于通过按钮确认用户联系。
按钮涟漪动画
这些涟漪动作最初会覆盖按钮表面 60% 的区域。它们从用户的点按区域向外展开,并在按钮边缘停止 10dp。