滑动选择器在手机端是一个比较常见的组件,主要用于多数据情况下的选择。
![手机端滚动选择器.gif](https://i-blog.csdnimg.cn/blog_migrate/811cd3858ff71313b126eda7b9857b59.gif)
准备
- Axure 8(或Axure 9)软件已安装。
- 掌握基本的软件使用。
- 掌握基础的动态面板知识。
本教程知识点
- 进阶的动态面板使用。
- 基础函数应用。
- 基础中继器应用。
详细教程–手机端滚动选择器
本文以基础的单一选择为例(多选择可以将滑动区域、数据集模块进行复制,调整滑动区域、数据集宽度即可)。
功能
鼠标拖动滑轮进行数据选择,滑动结束后,选中数据居中。
制作方式
1、制作基础的静态模块(注意元件命名,本案例涉及局部变量关联元件,元件命名有利于查找对应元件)。
![image.png](https://i-blog.csdnimg.cn/blog_migrate/71f51eb29dc35c613898818717f8189b.png)
2、制作上遮盖、选中、下遮盖。