在原型设计的时候经常会用到时间倒计时倒时计,比如点击获取验证码后等待的60秒、120秒或者页面等待10秒跳转到下一个页面等,这都属于倒计时的范畴这里把用Axure成功制作倒计时的功能给大家分享一下。以在页面上倒计時10秒进入下一个页面为例:
2.拖出来一個动态面板,命名为round双击动态面板,里面已经有一个动态面板State1再添加一个State2,分别设置两个面板的背景色为红和蓝用于演示效果,点擊确定
3.双击动态面板round的"状态改变时"事件在弹出的窗口中点击“添加条件”,设置“元件文字”time > 值 0然后点击确定
4.紧接着在添加动作列中點击“设置文本”,在右边配置动作中勾选time元件然后点击右下角的fx,添加局部变量LVAR1=元件文字time然后再插入变量[[LVAR1]],然后修改为[[LVAR1-1]]然后点击確定
5.点击index页面空白处,双击“页面截入时”事件在弹出框中添加动作"设置面板状态“,在右边勾选round动态面板选择状态”Next”,勾上“向后循环”,“循环间隔1000毫秒”及“首个状态延时1000毫秒后切换”然后点击确定
6.点击动态面板,再次点击”状态改变时“事件添加页面跳转,添加条件当time值=0时,跳转到page1
7.好了点击预览,即可看到效果了真正使用的时候,可以把动态面板round隐藏即可