关于答题小程序单选、多选的状态分享
发布于 3 年前 作者 yujun 5155 次浏览 来自 分享

答题小程序,关于单选、多选的状态分享

~

本文仅讨论单选和多选的状态控制

,看如下单选的截图

第一张

~

第二张

~

第三张

~

当你选择了其中一个选项的时候,底下的按钮就是可点击的

也就是存在三个状态

1、未选择

2、已选择

3、已选择并且已提交


但是对于多选情况却不是这样的

截图1

截图2

截图3

截图4


~

通过上面四个截图我们可以看到对应四个状态

1、未选择

2、已选择,一个选项

3、已选择,多个选项

4、已选择,已提交

从细节维度来区分是4个状态,从大类来区分是三个状态,跟单选是一致的,只是把已选择的场景,要区分一个选项和多个选项


通过这次逻辑拆解对我们在开发答题小程序的过程是非常有帮助的

1 回复

这个小程序在多选的交互上处理的非常好,把粒度控制在了具体 的选项个数上,这个细节是十足的加分项,在我以往的答题小程序开发中,都没有对多选进行额外的处理,确实可以借鉴下这块思路

一个好的产品往往体现了某处细节,当第一次体验这处细节,你会感觉哪里不一样,再回首,你会发出,

好家伙

这个太棒了

回到顶部