• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Axure RP 8怎么制作倒计时动画?

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

倒计时这个是经常用到的,那如何利用Axure RP 8实现这个效果呢?场景是:一个按钮触发倒计时,点击后,时间倒数。下面利用一个实例实现这个倒计时,操作如下:

1、打开Axure RP 8设计软件,依此操作“项目---全局变量”,添加全局变量“timer”,如下图所示:

2、拖曳一个按钮和面板到页面,修改按钮显示内容为“倒计时”,如下图所示:

3、选中面板双击,再添加一个面板状态,如下图所示:

4、设置按钮禁用时,按钮的交互样式;禁用时,按钮背景色为灰色,如下图所示:

5、添加鼠标单击实例,状态为“Next”,向后循环、循环间隔1000毫秒,如下图所示:

6、设置禁用时组织动作,选择禁用单选按钮,如下图所示:

7、为全局变量添加条件,确保timer大于0;并设置timer在不断减一,如下图所示:

8、设置倒计时按钮文本显示内容,这里设置为倒计时秒数,如下图所示:

注意事项:

注意鼠标单击事件的用法

注意全局变量的设置

相关推荐:

Axure中怎么制作动态倒计时的原型?

axure RP7.0怎么制作60秒倒计时效果?

Axure8怎么设计点击按钮触发控件变化的交互效果?


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
电脑连接考勤机错误提示错误代码=-2该如何解决?发布时间:2022-06-18
下一篇:
BarTender2016条码打印时怎么使用筛选打印?发布时间:2022-06-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap