Axure如何实现抽奖的旋转效果原型

 时间:2024-10-13 00:22:54

1、元件主要包括了三部分,一部分是外面的圆形,另外一部分是小水滴指针,还有就是开始抽奖的按钮。

Axure如何实现抽奖的旋转效果原型

2、当点击开始抽奖按钮的时候,表盘指针会随机的旋转一个角度,这个时候就需要对开始抽奖的按钮进行事件的编辑。

Axure如何实现抽奖的旋转效果原型

3、鼠标单击时,需要对圆盘进行旋转,需要注意的是,最好能够提前将圆盘进行命名,否则对象就不是特别好找。

Axure如何实现抽奖的旋转效果原型

4、旋转设置为相对位置,然后角度需要设置一下函数,选择数学当中的random函数,或者直接输入函数[[Math.random()*360+3600]]

Axure如何实现抽奖的旋转效果原型
Axure如何实现抽奖的旋转效果原型

5、另外,动画根据物理惯性,选择缓进缓出,时间可以随意进行设置,这里可以选择设置成为2000毫秒。

Axure如何实现抽奖的旋转效果原型

6、最后进行测试,可以看到最终实现了自己想要达到的效果,难点就是在设置函数那里。

Axure如何实现抽奖的旋转效果原型
  • PPT如何制作弹幕效果
  • 飞书app怎么开启自动翻译
  • PPT怎么设置不规则图形的背景填充效果
  • WORD文档中如何将文字与图片分列摆放?
  • 如何对图片进行标注?
  • 热门搜索
    手抄报花边简笔画 防控疫情的手抄报 爱祖国爱家乡手抄报 安全日手抄报 立夏手抄报 有关绿色环保的手抄报 119消防安全手抄报图片 小手拉大手手抄报 谷雨手抄报 少数民族手抄报