今天要做的是在启动界面添加一个倒计时功能,启动app时有个启动界面,我们让这个界面停留5秒之后再载入到主页中去,这个功能很多app里面都有,一般会在这里放置些广告,这里我们用来展示我们的企业LOGO及平台名称,下面是一个简单的启动载入页面。
我们在要设置倒计时的页面上创建一个text文本,这里是我们要倒计时的数字,然后再添加一个动态面板(里面添加两个子页)用来实现循环变化状态计时变化的,里面不需要放入内容 。
首先我们来设置动态面板效果,当页面载入时启动循环,点击空白处选择 “属性-页面载入时”事件, 勾选到动态面板 - 设置状态Next 循环间隔1000ms等信息后确定,如下图所示(当页面载入时动态面板中的两个页面就会不停的循环起来):
接着在“概要-页面“选中动态面板 ,选择状态改变时 - (添加判断条件,当数字大于0时)- 选择设置文本 - 勾选到timer - 并点击底部fx,设置函数使其实现自减 。
函数我们追要点击“添加局部变量”就会自动生成一个LVAR1,后面对应的原件文字选择对应的文本,点击确定即可 ,自减的话直接在上面插入变量下输入[[LVAR1-1]]即可。
这样的话每当我动态面板中的子页进行循环时(间隔1000毫秒),我们的动态面板的状态就发现了改变,从而触发了下一个状态改变时的事件,这时我们的数字就开始执行自减操作,直到减至0停止。
接着我们要再来一个判断,当数字等于0时,跳转到我们的APP主页,这里我们直接将启动页隐藏起来即可。