axure怎么使用动态面板制作转盘抽奖?

目前各个网站,经常可以看到大转盘抽奖,本经验初步讲解大转盘抽奖的前提条件:让转盘转起来。

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

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

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

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

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

(0)

相关推荐

  • axure怎么使用动态面板制作淘宝图片轮播效果?

    淘宝中经常可以看到店铺中的图片轮播效果,本经验将通过axure7.0实现. 1.下载需要轮播的图片 2.将图片引入至axure中,将引入的第一张图片转为动态面板 3.将动态面板添加四个状态,分别为状态 ...

  • Axure怎么使用动态面板制作banner图片轮播?

    Axure就不多介绍了,一般对产品岗位比较了解的都知道,常用的原型工具.这里为大家做一个用动态面板做简单的banner图片轮播的方法. 一.基础准备工作 1.打开Axure,页面名称命名为“图片轮播” ...

  • 怎样用Flash制作转盘抽奖程序

    使用Flash制作转盘抽奖程序 步骤/方法 01 先插入一个影片剪辑(插入-新建元件-影片剪辑),在这个影片剪辑里画一个转盘,具体分成几等份及各部份大小由实际情况决定.这里一共添加了三个图层,下面一层 ...

  • axure动态面板怎么用? Axure动态面板制作页面弹出层的教程

    在快速原型制作中,我们通常会使用到Axure软件,有一些地方我会想要达到在页面做出弹出层的效果,这个时候为了快速达到效果,在Axure中,我们会用到动态面板:下面我就自己在这方面遇到的困难和效果介绍一 ...

  • axure如何设置动态面板

    axure设置动态面板,使得我们的原型界面交互性能更强,以达到我们的业务需求,更能展示业务需求的形象性. 操作方法 01 打开axure工具,如下图所示 02 从左侧元件库中拖拽动态面板组件 03 调 ...

  • Axure教程-动态面板详解

    动态面板的学习可以帮助我们完成十分复杂的动作设计,今天我们详细学习一下动态面板的使用. 图:Axure中代表动态面板的icon 从这个icon可以看出: 1.这个动态面板有多个层 2.每个层有自己的顺 ...

  • Axure动态面板怎么制作三级菜单?

    Axure中想要设计一款三级菜单,该怎么设计呢?下面我们就来看看详细的教程. 1.我们先放入菜单的相关元件,这里我使用的是矩形. 2.我们把三级菜单的三个元件全选,在上面点击鼠标右键,选择[转换为动态 ...

  • axure怎么制作动态面板的拖动的原型?

    在高仿原型中,经常看到高仿原型,模仿微信,微博的对话框,在这里我做一个简单的例子来讲解下如通过动态面板的拖动实现想要的效果的 1.在页面添加动态面板,并在该动态面板中添加图片,以作区分 2.再页面1中 ...

  • axure动态面板怎么用?

    axure动态面板怎么用? 1.在制作好的页面上添加一个 hot spot 区域,然后拖动一个"动态面板"到"hot spot"上,右键将"动态面板& ...