Material 按钮在点击时会有涟漪效果。按钮可以显示文本、图像。扁平按钮和浮动按钮是最常用的两种按钮类型。
其他的按钮类型包括：
扁平按钮只包含文本。
它们可用于对话框、工具栏或内嵌在其他组件中。
它们不会改变海拔高度，但会在点击时改变颜色。
浮动按钮为矩形按钮。
它们可以内嵌在其他组件中。
它们在点击时会改变海拔高度和触发涟漪效果。
扁平按钮：0dp
浮动按钮：2dp
有三种标准类型的按钮：
浮动操作按钮
浮动按钮
扁平按钮
浮动操作按钮的示例
浮动按钮的示例
扁平按钮的示例
按钮类型应该根据按钮的优先级、屏幕上容器的数量、以及整体布局来进行选择。
功能：如果它非常重要、并且会被经常用到，可以使用浮动操作按钮
尺寸：根据它所在的容器以及屏幕上 Z 轴方向的层次堆叠数量来决定使用浮动按钮还是扁平按钮。应该避免过多的层叠。
布局：一个容器中应该只使用一种类型的按钮，只在比较特殊的情况下（比如需要强调一个重要的功能）时才可以混合使用多种类型的按钮。
按钮文本应使用大写字母。对于其他语言，扁平按钮上的文本颜色应与正文不一样。
为了确保残障人士的可用性，按钮高度为 36dp，可触摸目标的最小高度为 48dp。
按钮高度：36dp
可触摸目标高度：48dp
按钮有 2dp 的圆角半径。
正确示例
按钮有 2dp 的圆角半径。
当鼠标和键盘为主要输入方式时，按钮尺寸可以略微减小以适应密集的 UI。
默认按钮
按钮文本：14pt Roboto medium
按钮高度：36dp
按钮左右内边距：16dp
圆角半径：2dp
密集型按钮
按钮文本：13pt Roboto medium
按钮高度：32dp
按钮左右内边距：16dp
圆角半径：2dp
对话框中的扁平按钮示例
扁平按钮
高度：36dp
最小宽度：88dp
可触摸目标高度：48dp
圆角半径：2dp
水平外边距：8dp
水平内边距：8dp
扁平按钮没有海拔高度，但在点击时会填充颜色。
在下边的场景中使用扁平按钮：
对话框适合使用扁平按钮
扁平按钮能最大限度的把用户焦点聚焦在内容上
正确示例
扁平按钮的正确使用。
错误示例
这些浮动按钮显得太过显眼。
扁平按钮亮色主题
最小宽度：88dp
高度：36dp
圆角半径：2dp
按下时：40% #999999
禁用状态文本：26% #000000
扁平按钮暗色主题
最小宽度：88dp
高度：36dp
圆角半径：2dp
按下时：25% #CCCCCC
禁用状态的文本：30% #FFFFFF
对话框文本内边距：24dp
对话框按钮容器高度：52dp
对话框按钮：距离容器边缘 8dp 的边距，右对齐（LTR 语言）
对话框中的扁平按钮
对话框按钮
按钮高度：36dp
按钮顶部外边距：24dp
按钮内边距：8dp
按钮对齐方式：右对齐（LTR 语言）
按钮宽度：根据按钮文本的长度变化
扁平按钮在聚焦时有 12% 的不透明度
扁平按钮
浮动按钮在平面布局上添加了 Z 轴维度，这对按钮的功能起到了强调作用。
使用浮动按钮，可以使按钮在有较多内容的布局中更加显眼。
浮动按钮可以分隔不同的内容项。
正确示例
浮动按钮比扁平按钮更加显眼。
错误示例
在很难看到扁平按钮的界面上，不要使用扁平按钮。
浮动按钮看起来就像一块放在纸上的材料 - 在点击时会改变海拔高度并填充颜色。
浮动按钮亮色主题
最小宽度：88dp
高度：36dp
圆角半径2dp
禁用状态文本：26% #000000
禁用状态按钮：12% #000000
聚焦状态：12% #000000 在颜色上有遮罩
浮动按钮暗色主题
最小宽度：88dp
高度：36dp
圆角半径2dp
颜色：500
按钮按下时的颜色：700
禁用状态文本：30% #FFFFFF
禁用状态按钮：12% #FFFFFF
聚焦状态：12% #000000 在颜色上有遮罩
浮动按钮的默认海拔高度为 2dp。
在桌面端，浮动按钮在鼠标移入时才有海拔高度。
暗色/亮色 主题
最小宽度：88dp
高度：36dp
海拔高度：0dp
禁用状态的文本：30% #FFFFFF
禁用状态的按钮：12% #FFFFFF
浮动按钮
如果需要提供持续有效的按钮给用户，可以使用浮动操作按钮或底部固定按钮。
底部固定按钮的高度为 48dp
底部固定按钮示例
不要在底部固定按钮中使用浮动按钮。
错误示例
用于可滚动的对话框时，可以为底部固定按钮添加一个分隔线。
对话框中的底部固定按钮
可滚动对话框中的底部固定按钮
下拉按钮可以让用户在多个选项之间进行选择。按钮显示当前选项和向下箭头。其他可用选项通过一个列表进行显示。
当用户与按钮交互时，一个菜单会覆盖在按钮上，并显示所有可用的选项。点击其中一个选项时，菜单会关闭，并在按钮上显示新的选项的值。
下拉列表中的滚动操作与菜单的滚动操作相同。
关闭状态的下拉按钮、打开状态的下拉菜单、选中状态的下拉菜单
带有列表菜单的下拉按钮
默认情况下，通用下拉按钮会显示一个箭头或菜单按钮。当按下按钮时，显示菜单。按下菜单上的选项可以导航到该选项对应的内容。
分段式下拉按钮包含两部分：当前状态和下拉箭头图标。按下当前状态会触发该状态对应的操作。按下下拉箭头会显示所有的状态选项。选择其中一个后将更改显示的状态。
此按钮包含分段式下拉按钮，但是显示的文本是可以编辑的，例如字体大小选择器。按下当前状态将触发当前状态对应的操作，并使显示的状态可编辑。按下下拉箭头会显示所有的状态选项。
通用、分段、可编辑下拉按钮，在正常、鼠标悬浮、聚焦、按下和选择状态时的示例
桌面端应用栏规范
桌面端下拉列表
上下内边距：16dp
左侧内边距：24dp
右侧外边距：16dp
字体样式之间的水平距离：24dp
可切换按钮可用于对相关选项进行分组。通过整理布局和间距，来区分哪些按钮属于同一个分组。
聚焦和按下状态可以更加明确的显示某些按钮属于同一个分组。例如，当聚焦到一个按钮分组上时，焦点会同时显示在该分组的其余部分上。
可切换按钮的要求：
建议使用以下组合：
同时只能有一个选项被选中
文本对齐按钮组提供左对齐、右对齐、居中对齐、左右对齐等选项，同时只能有一个选项被选中。选中一个选项时会取消其他选项的选中状态。
没有选项被选中
多选
按逻辑分组的选项，如加粗、斜体、添加下划线等，允许同时选中多个选项。
一个选项被选中
图标适用于仅允许选中或取消选中单个选项的可切换按钮，例如添加或删除星标。
它们最适合位于应用栏、工具栏、操作按钮或切换开关中。
图标切换可以显示超出其触摸目标范围的有界或无界的表面反应波纹。
图标切换的正常、鼠标悬浮、聚焦、按下、和禁用状态
图标切换获取焦点时的颜色和不透明度和图标的颜色相关。