Axure实战003:APP启动界面5秒倒计时载入

     今天要做的是在启动界面添加一个倒计时功能,启动app时有个启动界面,我们让这个界面停留5秒之后再载入到主页中去,这个功能很多app里面都有,一般会在这里放置些广告,这里我们用来展示我们的企业LOGO及平台名称,下面是一个简单的启动载入页面。

     我们在要设置倒计时的页面上创建一个text文本,这里是我们要倒计时的数字,然后再添加一个动态面板(里面添加两个子页)用来实现循环变化状态计时变化的,里面不需要放入内容 。

        首先我们来设置动态面板效果,当页面载入时启动循环,点击空白处选择 “属性-页面载入时”事件, 勾选到动态面板 - 设置状态Next 循环间隔1000ms等信息后确定,如下图所示(当页面载入时动态面板中的两个页面就会不停的循环起来):

   接着在“概要-页面“选中动态面板 ,选择状态改变时 - (添加判断条件,当数字大于0时)- 选择设置文本 - 勾选到timer - 并点击底部fx,设置函数使其实现自减 。

函数我们追要点击“添加局部变量”就会自动生成一个LVAR1,后面对应的原件文字选择对应的文本,点击确定即可 ,自减的话直接在上面插入变量下输入[[LVAR1-1]]即可。

      这样的话每当我动态面板中的子页进行循环时(间隔1000毫秒),我们的动态面板的状态就发现了改变,从而触发了下一个状态改变时的事件,这时我们的数字就开始执行自减操作,直到减至0停止。

         接着我们要再来一个判断,当数字等于0时,跳转到我们的APP主页,这里我们直接将启动页隐藏起来即可。

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ProgramNotes

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值