欢迎来到天天文库
浏览记录
ID：29804312
大小：261.50 KB
页数：4页
时间：2018-12-23
《Axure8.0小技巧：快速制作简单转盘.doc》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。
1、Axure8.0小技巧：快速制作简单转盘 轮盘抽奖在各种App和网页的活动页面中经常使用，如何才能方便的设计出抽奖页面呢？ 原型分析 流程分析：点击“抽奖”按钮后，轮盘转动足够多圈数后停下 必备元素分析：指针图片、轮盘图片（笔者是用Axure自带的椭圆形和钢笔工具随手画的）、抽奖按钮。 实现步骤 元件的层次 指针在顶层、轮盘在底层，通过”右击图片->顺序”来改变层次。 触发旋转事件 一句话描述抽奖过程：点击按钮后，什么图片围绕什么点平滑地用多长时间转动了多少角度 注：动画可以自行选择，只要不选”无”就能有过程动画。
2、 角度的设置 既要转够足够圈数，又要有随机性。 足够圈数：我们假设5圈，那就是360*5=1800°； 随机性：我们选择使用”Math.random()”函数来产生随机值(该函数产生0到1之间的随机数)，所以我们用“360*Math.random()”来满足随机部分(0~360°)。 下面我们设置角度函数:[[1800+360*Math.random()]] 按下”F5″来鉴定下自己的血统吧=w=。
此文档下载收益归作者所有
