cocos2d-js 3.0 rc2 自定义UI控件组件 例子:能播放动画的MenuItem。MenuItemSprite的bug
2024-10-15 10:07:18
其实总体自定义UI组件都比较简单,尤其是cocos2d-js是开源的,如果有什么不明白的直接看js代码或者C++代码即可。当然js代码基本就够了。
另外,js的ctor函数虽然说是构造函数,但毕竟不是flash或者c++的构造函数,这只是一个普通函数,也就是说可以不在第一行默认调用,这就给扩展带来了不少方便。
现在想做一个声音按钮,点一下能关闭音乐,再点一下又能打开。当然就是MenuItemToggle了。
但想做得再炫一点,有声音的时候,按钮的样子能有几个音波的变化。那么就需要用MenuItemSprite,尝试自己做一个自定义的Sprite。不过,过程中发现这个MenuItemSprite有不少坑,大家需要注意(详细看代码)。(补充:以下代码只适用于html5版本,后来发现jsb版本对MenuItemSprite的初始化更严格一些,不能为null)
var SoundButton = cc.MenuItemToggle.extend({ ctor:function(){
var sprite = new cc.Sprite("#soundOn0000.png"); //先设置默认图片,否则鼠标响应有问题
var animation = new cc.Animation();
animation.addSpriteFrame(cc.spriteFrameCache.getSpriteFrame("soundOn0000.png"));
animation.addSpriteFrame(cc.spriteFrameCache.getSpriteFrame("soundOn0001.png"));
animation.addSpriteFrame(cc.spriteFrameCache.getSpriteFrame("soundOn0002.png"));
animation.setDelayPerUnit(1/3);
var action = cc.animate(animation).repeatForever();
sprite.runAction(action); this._super(new cc.MenuItemSprite(sprite, null, null), new cc.MenuItemImage("#soundOff.png")); //MenuItemSprite有bug,必须设置3个参数才能用,跟MenuItemImage不一样
this.setCallback(this._soundOnOff, this); //这样可以设置callback的target
}, _soundOnOff:function() {
Sound.toggleOnOff();
}
});
最新文章
- Matlab 周期方波信号傅里叶级数展开
- MIT 6.828 JOS学习笔记11 Exercise 1.8
- Linux基础命令总结
- Selenium 遇到的问题
- input的type属性的修改
- [Ubuntu] Linux下使用google app engine,无法打开https网站的解决方法
- 详解 $_SERVER 函数中QUERY_STRING和REQUEST_URI区别
- 【转载】两军问题与Paxos算法 &; 动画讲解Paxos算法
- hadoop namenode又一次格式化以后hbase的hmaster进程启动后立即消失
- HDOJ1002题A + B Problem II,2个大数相加
- 关于serialVersionUID的说明
- Swift语言指南(一)--语言基础之常量和变量
- 利用ssh反向代理以及autossh实现从外网连接内网服务器
- [置顶]
 xamarin android使用gps定位获取经纬度
- nginx 防火墙、权限问题
- hdu3016 线段树+简单DP
- 深入浅出Java类加载过程
- Laravel日常使用总结
- CentOS7.4下部署hadoop3.1.1
- 涂抹mysql笔记-InnoDB/MyISAM及其它各种存储引擎