1.创建进度条节点节点节点函数

1.创建进度条节点

在cocos canvas下创建一个进度条节点cocos xml 读取节点，进度条节点会有一个进度条组件。

至于进度条的样式，需要在进度条节点的属性中调整

2 绑定脚本和进度条

在canvas的属性中挂载进度条对应的脚本，在脚本中添加progress bar属性游戏素材下载 免费，将进度条节点拖入canvas属性对应的顶部。

这里我创建了one.js作为进度条的脚本并进行了绑定。

属性中cocos xml 读取节点，timeCount属性是life本身需要多长时间，最大为60秒。

绑定完成

3.进度条缓慢增加

首先，不要把进度条放到应用程序进度条中的update函数中，因为update函数每秒运行60次，

放在start函数中比较好

// 进度条增加 
this.tmpTimeCount = 0;
        this.callback = function () {
            this.tmpTimeCount += 0.1;
            // 判断进度条的比例
            this.jindutiao1.progress = this.tmpTimeCount / this.timeCount;
        };
        if (this.jindutiao1) {
            // 计时器函数
            this.schedule(this.callback, 0.1, this.timeCount / 0.1, 0)
        }

4.定时器功能

this.schedule(this.callback, 0.1, this.timeCount / 0.1, 0)

以上面的定时器为例，这个定时器是cocos提供的函数，有四个参数

//参数1.调用要执行的回调函数

// 参数2，每间隔多久执行一次音乐音效，单位秒

// 参数3.这个定时器执行多少次

// 参数4.延迟时间，单位秒

5.进度条变小，点击变小

 // 进度条缓慢减少
        this.tmpTimeCount1 = 1;
        this.callback = function () {
            this.tmpTimeCount1 -= 0.01;
            // 判断进度条的比例，缓慢减少的话，以1为总，来确定自己的时间
            this.jindutiao2.progress = this.tmpTimeCount1;
        };
        if (this.jindutiao2) {
            this.schedule(this.callback, 0.1, this.tmpTimeCount1 / 0.01, 0)
        }
jianshao(){
        if(!this.jindutiao3.progress<=0){
            this.jindutiao3.progress -=0.1
        }else{
            console.log("进度条已为0")
            return
        }
    }

结语

进度条的知识点，基本应用到此结束，里面没有添加热河风格。 炫酷华丽的进度条一般是利用图像处理的显隐方法来呈现的。

每天进步一点点，每天积累一个知识点，就是你最大的进步。

最后一首我非常喜欢的歌是给大家和我自己的。 还没有结束，你还没有被打败。

梦回古战场

模仿的

流着皇帝的血

塑造不败神榜

将我的名字留在神的名单上

风雪随风停

……