cocos2d-js 进度条(ccui扩展)

网上关于cocos2d-js的资料有点少,都是自己研究官方的样例。。。做个记录


进度条就很常用的一个ui


ccui扩展提供了一个比较方便的实现


只要设置相关参数就可以使用,跟Android的进度条差不多


代码:

 this._loading = new ccui.LoadingBar();

            this._loading.setName("LoadingBar");
            this._loading.loadTexture(res.loading_1);//设置进度条的加载图片
            this._loading.setPercent(30);//开始的进度
            this._loading.x = screenSize.width / 2;
            this._loading.y = screenSize.height / 2 + this._loading.height / 4;
            this.addChild(this._loading);

            this.scheduleUpdate();//自动更新

update: function (dt) {
            this._count++;
            if (this._count > 100) {
                this._count = 0;
            }

            this._loading && this._loading.setPercent(this._count);
        }

以上大部分是官方dome给出的代码。


值得提醒的是,要是使用ccui相关扩展需要在Porject.json文件中的modules中添加 extensions模块,不然会报错的哟!

"modules" : ["cocos2d","extensions"],

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值