美文网首页
Axure实现倒计时效果

Axure实现倒计时效果

作者: Nily | 来源:发表于2015-11-24 17:52 被阅读0次

参考:http://jingyan.baidu.com/article/915fc41492ab8651394b20b3.html

打开Axure软件

添加单行文本,输入数字60,命名为time。可以相应调一下字体大小

添加动态面板,命名为round,

双击动态面板,点击+号,添加状态,命名为状态1,状态2

设置动态面板状态1背景色为绿色,状态2背景色为红色。

注:可以不设置任何颜色,此处是为了区分。

在round上,新增用例,点击动态面板状态改变时,点击设置条件,弹出编辑器窗口,设置如果time大于0,做下面的动作,

编辑动作,点击FX,跳转到编辑文字页面,按照图中添加,

发现截图不清晰,下面吧设置写一下

添加局部变量,LVAR1=部件文字 time

变量计算[[LVAR1-1]]

点击页面载入时,添加页面载入时用例,

设置页面载入时动作,按图操作

设置成功,使用快捷键F5预览一下吧,已经做好了

相关文章

  • Axure实现倒计时效果

    参考:http://jingyan.baidu.com/article/915fc41492ab8651394b2...

  • Axure教程—倒计时+轮播图片

    效果图 效果图1:倒计时效果 效果图2:图片轮播 使用工具 Axure RP 9 beta 绘制原型 Camtas...

  • 2016.08.05

    plan axure/node/express, 有精力再看下算法 axure罗列出可以实现的初级效果,并熟悉 a...

  • Axure实现滚动效果

    在提笔之前心里是有点内疚的,(前面废话有点多可以直接看第四自然段实例...)因为在初次写第一篇文章的时候就下...

  • Axure实现遮罩效果

    很多时候我们在编辑视频的时候经常需要用到遮罩的效果,一般制作遮罩动画,就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动...

  • 倒计时效果-Axure

    今天主要介绍利用文本框OnTextChange(文本改变)事件制作倒计时交互效果。 我们先看下成品效果: 制作步骤...

  • Axure动画效果的实现

    1.动态面板的组合 2.鼠标悬停图片缩放 3.移入鼠标显示东西 4.固定图标控制滚轮回到顶部

  • Axure如何实现加载效果

    一般来说我们在Axure软件启动程序或者安装程序都会有一个加载进度的显示,属于一个缓冲的效果。有的加载是圆形的,而...

  • Axure实现点击+1效果

    设置一个全局变量a,默认值为0。变量的设置方法如下: 工程-全局变量-设置变量 在画布中放置一个标签控件,命名为C...

  • 产品笔记二:使用axure8.1制作轮播图效果

    使用工具:Axure pr 8.1版本。制作效果如下图:banner自动播放的交互效果 自动播放效果的实现非常简单...

网友评论

      本文标题:Axure实现倒计时效果

      本文链接:https://www.haomeiwen.com/subject/xbirhttx.html