Material Design 环境

环境

选择控件允许用户对选项进行选择。

本指南包含了三种类型的选择控件。

<strong>复选框</strong>允许从一组选项中选择多个选项。

<strong>单选框</strong>允许从一组选项中选择单个选项。

<strong>开关按钮</strong>允许打开或关闭选择。

1dp

颜色

选择控件使用应用的<a class="do-router" href="/zh-cn/design/1/style/color.html#color-color-schemes">强调色</a>。

亮色主题

主题 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

复选框

单选框

开:Swatch 500,不透明度 100%<br />关:#000000,不透明度 54%<br />禁用状态:#000000,不透明度 26%

开关按钮

选择控件在暗色和亮色主题下都可以使用。 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

复选框允许用户从一组选项中选择多个选项。

如果在列表中有多个选项,可以使用复选框而不是开关按钮来节省空间。

亮色主题的复选框在鼠标悬停、聚焦、按下、禁用以及禁用且聚焦时的状态。

如果只有一个选项,不要使用复选框,应该使用开关按钮。

暗色主题

亮色主题

开:Swatch 500,不透明度 100%<br />关:#FFFFFF,不透明度 70%<br />禁用状态:#FFFFFF,不透明度 30%

暗色主题