使用ivx制做倒计时小模块的经验总结

今天咱们使用小模块来制做一个倒计时播放器，要求可以输入倒计时的时长，控制倒计时播放器的暂停与播放，而且能够重置状态从新计时。

一.公共数据

因为是倒计时器，因此咱们添加一个数值变量保存倒计时长，而且与小模块内部用于展现的文本组件直接进行数据绑定。

二.公共动做

这类倒计时的动画效果咱们通常都是经过触发器实现的，例如本案例中能够设置触发器每隔一秒触发一次，每次触发令倒计时长减1来达成效果，而控制倒计时器的播放、暂定和重置也都是对触发器和倒计时长执行某些动做。

1.显示和隐藏
这两个动做比较简单，只是简单的让组件显示和隐藏。

2.开始与暂停
开始动做中，咱们先对倒计时长作一个判断，若是当前时长还大于0，那么就能够继续令触发器播放，暂停动做则是直接暂停触发器。

3.重置
重置动做则须要咱们重置触发器状态，将倒计时长归0而且更新当前数据至小模块。

三.外部组件调用小模块

1.设置倒计时长的步骤是先点击Setup time按钮显示时间设置横幅，在输入框内输入一个正整数，而后点击Confirm，若是输入无误就会将输入数值赋值到小模块的公共数据倒计时长中并隐藏时间设置横幅，这时就能够播放倒计时了。



2.执行显示和隐藏的动做时咱们须要在外部添加一个布尔值变量保存当前的小模块显隐状态，并根据这个值来判断执行显示仍是隐藏的操做，最后要注意每次执行动做后改变布尔变量的值。

3.开始、暂停和重置这三个功能咱们直接点击外部按钮令小模块执行公共方法中的动做便可。