在移动端交互设计中,选择器是用户输入的核心组件。Axure移动端高保真元件库提供了四种关键选择器解决方案,通过动态效果提升操作真实感:

1. 基础选择器
采用底部弹窗设计,支持单选项快速选择。点击触发时从屏幕底部滑入,选项间切换流畅,点击遮罩层可随时取消,模拟原生系统选择体验。
2. 地区三级联动选择器
创新实现省-市-区三级动态拨盘,通过堆叠式动态面板构建层级关系。滚动时带有阻尼效果,选择上级自动加载下级数据,完美还原手机地图类APP的地址选择逻辑。
3. 日期时间组合选择器
整合年月日与时分双拨盘设计,支持无限循环滚动。时间选择默认5分钟间隔,当前时间自动高亮,24小时制显示,拨盘停止时带有惯性缓冲动画。
4. 图片多选器
3列网格布局支持滑动浏览,双击缩略图全屏预览。集成多选标记、数量限制(9张)及滑动删除功能,图片加载采用占位图渐进式显示技术。
该元件库通过精细的交互设计,使Axure原型具备接近真实APP的操作反馈,特别适合电商地址选择、表单填写、图片管理等高频交互场景。
4. 获取方式
请到预览链接中找到更多原型页面查看。如下图

EDU UI原型地址:Axure
Spring UI原型地址:Axure
-- End·往期推荐--
B 端Axure设计整理 - 表格【Table】-CSDN博客
Axure可视化大屏原型模板库:设计师的高效利器与素材宝典-CSDN博客