Cocos Creator 开发实战——数字滚动

Cocos Creator 开发实战——数字滚动

       国际惯例先看效果：

代码

       代码比较简单，先看代码后讲原理

properties: {
    m_label: cc.Node,
    //m_label: cc.Label,
},

onLoad () {},

onClickBt () {
    let num = 0
    for (let i = 0; i < 2021; i++) {
        this.scheduleOnce(function(){
            //定义的是 node节点，需要获得node节点上的Label组件
            //再对Label组件里的string属性赋值
            this.m_label.getComponent(cc.Label).string = num
            //如果定义的是cc.Label 可直接使用
            //this.m_label.string = num
            num++
        },(10/2021)*i)
    }
},

原理

       通过不断赋值实现数字滚动的效果，用到计时器。

let num = 0
let time = 10
for (let i = 0; i < count; i++) {
    this.scheduleOnce(function(){
    	this.m_label.getComponent(cc.Label).string = num
        num++
    },(time/count)*i)
    //time时间内执行count次数的刷新，每次刷新时间是(time/count)*i。
}

       本篇技术分享就到这结束了，想要更多技术实现思路，欢迎关注微信公众号。本篇源码关键字：数字滚动。