复选框该放在哪里?
2017-07-10 本文已影响39人
CherryJ
复选框(Checkbox)是一种常见的列表控制类型,用户通过复选列表项目来进行多选、删除、管理等操作。但是有的APP会把复选框放在列表前方,有的则放在后方,那复选框到底该放在哪里呢?
首先我们来重温一下两套官方规范,安卓Material Design明确规定了复选框既可以被定义成是主操作也可以是次要操作。当它是主动作/状态时,复选框放置列表前方,可单独点击:

而当它是次要操作时,复选框则放置列表后方,也可单独点击:

值得注意的是,如果当控制一系列的变量而不仅仅只是控制一个变量的情况下,考虑使用开关控件来替换。
而iOS的复选框控件则统一放置在列表后方:

由此可见,复选框的位置是根据两套官方规范来定义的,如果团队条件允许,应该严格按照两端规范来定义APP平台规范,以符合不同客户端的用户使用习惯,例如微信、网易云音乐:


但很多团队因为资源有限,都是两端通用一套平台规范,这就要看平台规范是基于哪套规范制定的,再决定具体控件的设置。