axure 动态面板实现图片旋转(转盘抽奖)

 时间:2024-10-13 07:56:00

1、首先百度一张转盘图片,将改图片引入至axure中

axure 动态面板实现图片旋转(转盘抽奖)

2、将该转盘转为动态面板

axure 动态面板实现图片旋转(转盘抽奖)

3、将该动态面板分为12个状态,每个状态中都有这个图片,但是,要将该图片旋转30度,如状态一,不转,状态二,转30度,状态三,转60度,以此类推直到装填十二,转330度;

axure 动态面板实现图片旋转(转盘抽奖)

4、图片部分已经做完了,现在要添加两个按钮,一个是转,一个是停,转的时候就是开始让上面的动态面板不断循环切换状态,变换间隔时间可以自己选择,越快看起来就越连贯,但太快就看不清,当面板状态很多时,时间间隔可稍长,面板状态少时,就需要快些,具体情况自行调试吧,我用的是50毫秒,停这个事件就是点击时让面板状态停止变动,就固定下来了。

axure 动态面板实现图片旋转(转盘抽奖)
axure 动态面板实现图片旋转(转盘抽奖)

5、以上转盘就完成了,已经可以转起来了,最终大转盘的完成,仅需要添加一个指针即可!

axure 动态面板实现图片旋转(转盘抽奖)
  • Animate如何制作单击显示文字的交互效果(AS3)
  • pr双侧平推门过渡特效如何制作?
  • C4D如何创建树木模型
  • Axure RP如何设置背景图片
  • Animate如何让图形元件只播放一次
  • 热门搜索
    国学经典手抄报图片 海洋手抄报 运动会手抄报图片 成语手抄报 廉洁手抄报内容 开学手抄报简单又好画 反对邪教手抄报内容 神话故事手抄报图片 防灾减灾一等奖手抄报 弟子规手抄报图片