Axure教程:滑动选择数值

本次分享的是滑动选择数值案例:

产品经理,产品经理网站

预览及下载地址:https://ef8qxl.axshare.com

一、制作原型

制作12个矩形,分别命名为:1、2、3、4、5、6、7、8、9、10、11、12。

制作一条横线,命名为:水平线

制作输一个输入框,命名为:数值

产品经理,产品经理网站

制作一个动态面板,命名为:移动

产品经理,产品经理网站

在面板里制作一个指针,拖动一个矩形,命名为:移动光标,设置成自己喜欢的形状,如图:产品经理,产品经理网站

制作一个矩形,命名为:显示,可以设置成自己喜欢的形状和颜色,并设置为隐藏状态,如图:

产品经理,产品经理网站产品经理,产品经理网站

最后制作成如图:

产品经理,产品经理网站

所有的制作完成,接下来进行交互设置。

二、交互设置

对动态面板“移动”进行“移动时”事件和“拖动时”事件进行设置:

产品经理,产品经理网站

产品经理,产品经理网站

对矩形“移动光标”进行“鼠标按下时”事件和“鼠标松开时”事件进行设置:

产品经理,产品经理网站

所有的设置完毕。

 

本文作者@qianqianlu

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部