Axure设计思考:Axure 7.0与Axure 8.0做进度条区别

零基础学产品,BAT产品总监带,2天线下集训+1年在线课程,全面掌握优秀产品经理必备技能。了解详情

shejiskaoce

之前有看一篇介绍axure8.0写怎样做进度条的,鄙人好奇,就用axure7.0照着其思路画起来,结果,却实现不了了,后来自己思考了下,也用axure7.0做出来了。

成果图如下:

QQ截图20160919160955

本来axure8.0与axure7.0做进度条的原理是一样的,

区别一:因axure7.0并没有设置尺寸这一项,其有设置面板尺寸这一项导致的。

QQ截图20160919154419

图一  axure7.0

QQ截图20160919154348

图二  axure8.0

区别二:axure7.0动态面板状态不支持首个状态延迟,但是axure8.0支持。

QQ截图20160919155626

图三  axure7.0

QQ截图20160919155538

图四  axure8.0

总结一下,我看到的axure8.0制作进度条的原理为:

QQ截图20160919162518

因为以上两点的不同,我做了改动如下:

QQ截图20160919163227

总之不管哪个版本都是可以实现的哦。

另外补充一点:这个单位设置的是10个刻度,n=100/10=10,所以设置为n<10,初始值为0;如果要变成更细致些也可以设置刻度为1,那n=100/1=100,那么就要设置n<100,初始值为0;设置为1个刻度时间就太慢了,可以同时把时间循环设置为10毫秒,各位可以根据自己的喜好设置刻度和时间。

axure8.0的优点是:将背景元件,进度条元件,进度指示都集中到同一个动态面板里面了,好管理些,也更方便移植;另外动态面板可以设置首个状态延迟,很方便,可以一步到位。

希望auxre更新得越来越好用,第一次写axure使用方法,欢迎大家提出宝贵的建议,大家一起研讨,撞出智慧的火花。

相关阅读:

Axure教程——页面载入进度条

Axure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)

 

本文由 @谁主沉浮 原创发布于人人都是产品经理。未经许可,禁止转载。

打赏也是一种认可
评论
有话不说憋着难受!
  1. 昨天试了做了下,使用滑动条移动方式做的,不过两者方式都差不多,需要加时间动态面板

    回复
  2. 菜鸟级感兴趣者。请问哪里可以下载到安装包吖😊

    回复
    1. 最好是中文破解版啦😄谢谢

      回复
    2. 有一种东西叫搜索,搜一下Axure8.0不就知道了?唉。真懒。已经帮你找好了http://www.woshipm.com/xiazai/188927.html

      回复
    3. 哇,蟹蟹😀

      回复