select多选下拉框 移动端_移动端交互-下拉菜单、单选、多选

“在PC上常出现的下拉菜单，在移动端上都是用什么交互来实现的”，将最近项目里碰到的情况总结一下。

1. 层级设计，以iOS为代表

iOS系统日历

目前最常见的一种做法，外露设置名称和默认设置项，将全部设置内容放在下一层。

节约垂直空间，不干扰当前界面其他内容。可以很好兼容单选、多选等多种情况。作为一个完整的界面，可以容纳的内容比较多。

但增加一个层级，就意味着有进入和返回两步操作。尤其是返回大多在界面左上角，随着手机屏幕越来越大，采用这种方式又没有手势右滑返回还是挺难用的。

我一直觉得，将层级设计用的风生水起的就是微信。基本上一级的四个tab都是层级的世界。

2. 弹窗设计，以Android为代表

Google日历

选择项作为临时弹窗出现在界面中，单选的话，点一下弹框自动消失，多选的话点击完成消失。

弹窗是一个在移动端上容易受鄙视的交互，但实际使用下来，google把它做得挺美挺实用的。 当只有较少如个位数的设置项时，实际操作体验比层级式的好很多，会很同意“一个弹框能搞定的事实在不需要再新起一个层级”。但这个交互目前看很少人采 用，Android的设计语言规范比起iOS还是弱势了许多。

但当内容一旦多起来，这个小弹框就会有点不堪重负，还会出现弹窗上需要再弹窗的尴尬局面。

3. 下拉菜单

Goog