复选框

更新时间:
2023-10-30
下载文档

复选框

复选框是用于内容项多选的选择控件。允许用户在一组选项中,同一次选择 0 项、单项或多项,也可打开或关闭单个选项。

如何使用

  • 在复选框选择中,建议展示其已选项数目。
  • 页面有选择时,需要有文本记录选择的数量。
  • 对于协议等的勾选框,跟随界面中主要操作附加出现,默认不做选中。

状态

状态

  1. 已选中状态。
  2. 已选中禁用状态。
  3. 半选状态(全选按钮的部分选中状态)。
  4. 未选中状态。
  5. 未选中禁用状态。

布局

复选框的视觉大小不能小于 20 vp,触控区域大小不能小于 40 x 40 vp。

布局

与页面布局相关

列表中,建议将复选框放置在右侧。
在网格多选场景下,建议将复选框放置在右上角,与当前日期右侧的全选按钮呼应。支持滑动选择 / 取消功能。
与主操作按钮一起使用时,建议放在按钮的上方左侧。

触控区域

列表不存在其他交互功能,触控热区是整行列表。背景容器为卡片时,触控区域限制在容器内的单行列表。

列表不存在其他交互功能,触控热区是整行列表或整张图片。
列表存在其他交互功能,则触控热区包含复选框自身及其说明文字。
文档内容是否对您有所帮助?
有帮助
没帮助