Axure中实现页面跳转倒计时

在浏览一个页面时,如果跳转到下一个页面,一般需要等待几秒,有些网站就会产生倒计时等待的状态,这样一个效果暂且称为Axure页面跳转倒计时。在Axure(http://www.axurechina.cc/)中要实现这样一个效果需要用到几个简单的交互效果,以下将是具体操作流程。关于页面跳转的设置还有一个教程可以参考:如何实现Axure页面之间的跳转,此篇内容主要是关于点击一个文字状态触发跳转到相关内容的页面的教学。

首先在网站下载Axure(http://www.axurechina.cc/download.html)软件运行打开,然后在空白页面拖入一个矩形元件,输入以下文字信息,为了将信息醒目,字号尽量设置的大一些,比如为72号字体,实现六秒倒计时之后开始跳转。

拖入一个一级标题,输入数字“6”,命名为倒计时”,为了好区分,颜色可更改为绿色(个人选择),字号也设为72:

然后拖入一个动态面板,动态面板主要起到触发器的作用,所以不需要实质上的内容,我们需要设置一下它的属性。交互中添加用例,选择“显示时”,设置当前元件为显示时隐藏,只有不断的触发才会产生倒计时的效果:

然后接着单击交互中的“隐藏时”设置等待,等待时间为一秒,然后再设置文本值为5。

为了使读秒不一直无限读下去,需要给它添加触发条件,当大于0时,便触发这个条件。

添加完条件之后,如果要触发这个倒计时,需要在添加事件中重复添加等待,文本值依次改成5、4、3、2、1、0,然后单击右侧“隐藏”,将“动态面板”隐藏,如下图所示:

所有的交互设置完成之后,最后只需将动态面板设置为“载入时”隐藏,点击确定之后Axure实现倒计时页面跳转,可以点击预览。

以上内容就是Axure页面跳转倒计时的实现过程,如果想要学习更多教程 ,可以去Axure教程(http://www.axurechina.cc/help.html)查看软件教程。

本篇文章分享来源于:http://www.axurechina.cc/help/1261.html

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小楼老师的教程汇总,一篇搞定! (一) Axure rp的界面 1-主菜单工具栏:大部分类似office软件,不做...
    纪同学说阅读 10,885评论 1 33
  • 开心一笑 【看大家都在抵制韩国,我翻遍家里也没找到有啥韩货可砸的,最后下楼把楼下姓韩的邻居打了一顿,因为他名叫韩国...
    架构师启示录阅读 9,749评论 2 4
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,043评论 3 119
  • 成熟与幼稚同样附着在体内。 有人告诫说聪明人懂得在合适的时候做合适的事情,可有时候事情并不如我们的想象那样按部就班...
    树下有池阅读 3,237评论 5 4
  • 星耀小学亲子共成长寒假共读六年四班陈依娜读书时长40分钟第十六天
    简单就好_7471阅读 1,488评论 0 0