网站建设 信息化程度,装修设计培训班哪个好,房产交易中心官网,网络营销都有哪些方法移动端的选择器就好比是web端的下拉列表#xff0c;可以说是每个系统、软件必备的组件#xff0c;也是移动端元件库的必备元件#xff0c;文章对移动端选择器的不同种类以及原型应用进行了梳理分析#xff0c;与大家分享。一般而言#xff0c;移动端的选择器分为单选选择器…移动端的选择器就好比是web端的下拉列表可以说是每个系统、软件必备的组件也是移动端元件库的必备元件文章对移动端选择器的不同种类以及原型应用进行了梳理分析与大家分享。一般而言移动端的选择器分为单选选择器、多选选择器。01 单选选择器单选选择器按效果又可以分为点击选择器、滑动选择器、多级选择器、具有搜索效果的选择器、开关选择器……点击选择器一般以底部弹窗的形式出现如下图所示通过手机点击选中选项返回选择内容具体选项内容可以在中继器表格中填写。滑动选择器滑动选择器的效果和点击选择器效果非常接近区别主要在于滑动选择器是将需要选中的内容活动至中部然后点击确认按钮确认选中后返回选中内容。现在很多app使用这种效果会比点击选择器炫酷但是原理都是通过中继器制作选择内容只不过是交互的方式不一样所谓咸鱼白菜各有所爱。分级选择器在滑动选择器的基础上在加一级比较适用于省份-城市或者品牌-产品这种类似的选择。这种选择器是由两个或两个以上的中继器制作而成第一个中继器选择后一般会对第二个中继器进行筛选例如选择了广东省那么2级内容就应该筛选掉广东省以外的城市。当然了也有些情况是不需要进行筛选的例如时间因为没个小时都是60分钟所以这里的二级内容分钟就不需要筛选的操作了。在日期选择器里面又有一些不同他的2级选择器是月份因为每年都是12个月所以这里的2级就不需要筛选但是他的三级是天因为每个月的天数都不同而且闰年的二月有29日所以这里的三级内容需要根据一级和二级选择的内容进行显示。所以具体情况还是要具体分析。可搜索选择器这种选择器一般用于选择项较多例如全国的城市有几百个一个个找很麻烦所以这时就需要用都可搜索的选择器根据用户输入的内容对中继器进行模糊的搜索让用户快速找到并选择内容。开关选择器这种选择器是单选选择器里最特别的一种因为他只有两种选项true or false不适用于弹窗这么复杂所以可以直接用开关按钮代替常见按钮是授权或者性别选择等等。02 多选选择器多选选择器主要应用于类似爱好、特长、技能的选择用户可以选择多个选项所以多选选择器就不适用用滑动选择器和开关选择器来做。一般常用的多选选择器都是点击选择器当然也有搜索效果的多选选择器点击多选选择器如果选项较少一般也是以底部弹窗的形式出现如下图所示通过手机点击选中选中或取消选中该选项返回选中内容具体选项内容可以在中继器表格中填写。可搜索的多选选择器如果选项太多就不太适合用上面的选择器这是我们需要给他增加一个搜索的功能根据用户输入的内容对中继器进行模糊的搜索让用户快速找到并选择内容。那以上就是本期关于移动端常用选择器介绍的全部内容主要是基于我个人在实际工作中需要用到的原型而设计出来的axure组件。如果大家有所收获希望可以点赞鼓励一下也欢迎大家交流谢谢。本文由 秀 原创发布于人人都是产品经理。未经许可禁止转载题图来自Unsplash基于CC0协议
