一、制作原型
做12个长方形,命名为1、2、3、4、5、6、7、8、9、10、11、12。.
画一条水平线,命名为:水平线.
制作一个输入框,命名为:数值.
制作一个动态面板,命名为移动.
在面板中制作一个指针,拖动一个矩形,命名为移动光标,设置为自己喜欢的形状,如图:
制作一个矩形,命名为显示,可以设置为自己喜欢的形状和颜色,并设置为隐藏状态,如图所示:
最后,使其如图所示:
全部制作完成,然后进行交互设置。
二、交互设置
设置动态面板“移动”的“移动时”和“拖动时”事件:
为矩形移动光标:设置“当鼠标被按下时”和“当鼠标被释放时”事件
所有的设置都完成了。
本文由@千千路原创发布。每个人都是产品经理。未经许可,禁止复制。
来自unsplash的图像,axure教程基于CC0协议。