cocos2d-js 进度条(ccui扩展)
2015-11-13 23:11
513 查看
网上关于cocos2d-js的资料有点少,都是自己研究官方的样例。。。做个记录
进度条就很常用的一个ui
ccui扩展提供了一个比较方便的实现
只要设置相关参数就可以使用,跟Android的进度条差不多
代码:
以上大部分是官方dome给出的代码。
值得提醒的是,要是使用ccui相关扩展需要在Porject.json文件中的modules中添加
extensions模块,不然会报错的哟!
进度条就很常用的一个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"],
相关文章推荐
- 【cocos2dx】改安装包名、app名、图标、包名
- Cocos2d-x3.3 Physics物理引擎模块解决了刚体穿透问题
- 【2dx】Cocos2dx-sqlite3
- 【2dx】Cocos2dx-sqlite3
- 用Cocos2dx-Lua制作一个圆形的头像框
- cocos2d-js 3.0 屏幕适配方案 分辨率适应
- Cocos2D旋转炮塔到指定角度(三)
- Cocos2D旋转炮塔到指定角度(三)
- Cocos2D旋转炮塔到指定角度(三)
- Cocos2D旋转炮塔到指定角度(二)
- Cocos2D旋转炮塔到指定角度(二)
- Cocos2D旋转炮塔到指定角度(二)
- Cocos2D旋转炮塔到指定角度(一)
- Cocos2D旋转炮塔到指定角度(一)
- Cocos2D旋转炮塔到指定角度(一)
- Cocos2d-js读取csv文件工具类
- 按钮长按功能
- 进度条的使用
- cocos2d-x textField多行输入
- 选项卡