Axure如何制作滑动选择数值呢?
2023-06-28 · 百度认证:重庆猪八戒网络有限公司官方账号
当选择一个值时,您可以滑动鼠标来选择它!而使用Axure软件制作这样一个滑动选择数值的交互原型的话,应该怎么做呢?如果你也想要学习,就可以往下看~对于不同阶段的Axure学习需求伙伴,为大家提供了多套Axure自学视频课,包括原型图基础入门、APP购物车交互教程、支付宝APP交互教程、APP列表页切换教程、移动登录交互教程等可以全方位的为小伙伴们提供基础的功能学习以及上手实操,感兴趣的就去学习体验~
Axure制作滑动选择数值方法:
一、制作原型制作12个矩形,分别命名为:1、2、3、4、5、6、7、8、9、10、11、12。
制作一条横线,命名为:水平线
制作输一个输入框,命名为:数值
制作一个动态面板,命名为:移动
在面板里制作一个指针,拖动一个矩形,命名为:移动光标,设置成自己喜欢的形状,如图:
制作一个矩形,命名为:显示,可以设置成自己喜欢的形状和颜色,并设置为隐藏状态,如图:
最后制作成如图:
所有的制作完成,接下来进行交互设置。
二、交互设置对动态面板“移动”进行“移动时”事件和“拖动时”事件进行设置:
对矩形“移动光标”进行“鼠标按下时”事件和“鼠标松开时”事件进行设置:
所有的设置完毕。
以上就是羽兔为各位小伙伴提供的“Axure如何制作滑动选择数值呢?”的相关内容讲解了,希望能够帮助到你!学习Axure原型设计,教程不怕多,内容不怕详,更多Axure文章等你阅读~善用Axure,就能让你的产品设计工作事半功倍!最后,学习Axure,就来~