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

猜你喜欢

转载自blog.csdn.net/weixin_43856351/article/details/84788539