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

  发布时间:2017-04-23 11:41:08   作者:佚名   我要评论
axure怎么使用动态面板制作转盘抽奖?想要制作一个抽奖转盘,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下

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

软件名称:
Axure RP Pro(快速原型设计工具) V8.0.0.3333 绿色英文免费版
软件大小:
48.2MB
更新时间:
2017-04-10立即下载

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

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

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

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

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

相关推荐:

axure动态面板怎么设置显示与隐藏?

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

axure拖动动态面板怎么设计? axure给动态面板添加拖动条的两种方法

相关文章

  • Axure RP 8怎么利用占位符设计五角星形状?

    Axure RP 8怎么利用占位符设计五角星形状?Axure中设计网页原型的时候,想做一个五角星图形,该怎么做呢?今天我们就来看看使用占位符实现的教程,需要的朋友可以参考下
    2016-12-15
  • axure RP 8怎么做图片轮换的效果?

    axure RP 8怎么做图片轮换的效果?axure设计网页原型的时候,想要做一个图片轮播的效果,该怎么做呢?下面我们就来看看详细的教程。需要的朋友可以参考下
    2016-12-15
  • axure动态面板怎么设置显示与隐藏?

    axure动态面板怎么设置显示与隐藏?axure设计网页原型的时候,该怎么设置东台面板,怎么设置显示与隐藏呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-12-14
  • Axure RP 8怎么设置文本段落的样式?

    Axure RP 8怎么设置文本段落的样式?Axure RP 8中文本段落可以设置样式,比如鼠标悬停样式,鼠标按下样式,选中样式等,该怎么设置呢?下面我们就来看看详细的教程,需要的
    2016-12-13
  • Axure RP 8设怎么用按钮控制图片的显示与隐藏?

    Axure RP 8设怎么用按钮控制图片的显示与隐藏?Axure中想给页面添加一个通过按钮控制的可以显示或者隐藏的图片,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可
    2016-12-09
  • Axure RP 8怎么制作一个按钮控制圆球运动的原型?

    Axure RP 8怎么制作一个按钮控制圆球运动的原型?Axure经常设计网页原型,想要制作一个按钮可以控制圆球运动的页面,该怎么制作呢?下面我们就来看看详细的教程,需要的朋
    2016-12-09
  • Axure RP 8怎么设计按钮空值页面大小?

    Axure RP 8怎么设计按钮空值页面大小?Axure RP 8怎中想制作一个按钮,这个按钮可以实现空值页面的大小,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2016-12-08
  • Axure RP 8怎么制作计算器?

    Axure RP 8怎么制作计算器?Axure中想要制作一个学生时期常用的计算器,该怎么制作计算器呢?下面我们就来看看详细的设计教程,需要的朋友可以参考下
    2016-12-08
  • Axure RP 8怎么制作倒计时动画?

    Axure RP 8怎么制作倒计时动画?Axure设计网页原型的时候,想要一个倒计时的动画效果,该怎么制作呢?下面我们就来看看Axure制作倒计时的教程,需要的朋友可以参考下
    2016-12-07
  • Axure RP 8怎么设置表格单选事件?

    Axure RP 8怎么设置表格单选事件?axure中想要实现表格被选择的一行变色,取消选中不变色,该怎么设计呢?下面我们就来看看这个问题的解决办法,需要的朋友可以参考下
    2016-12-06

最新评论