cocos js 做出按钮选中效果示例：
一，首先使用cocos新建一个Cocos2d-js的新项目，然后再cocostudio中创建一个场景，在场景中添加三个按钮分别设置三态的图片
二，打开编辑器，实现代码如下：
var HelloWorldLayer = cc.Layer.extend({
ctor:function () {
this._super()
//导入cocostudio中拼好的界面
mainscene = ccs.load(res.MainScene_json).node
this.addChild(mainscene)
this.teamButton = ccui.helper.seekWidgetByName(mainscene,"Button_0")
var btn2 = ccui.helper.seekWidgetByName(mainscene,"Button_1")
var btn3 = ccui.helper.seekWidgetByName(mainscene,"Button_2")
//先默认设置一个按钮为选中状态 this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT)
this.teamButton.setEnabled(false)
var teamInfo = this.teamButton
this.teamButton.addTouchEventListener(this.selectedBtn1,this)
btn2.addTouchEventListener(this.selectedBtn2,this)
btn3.addTouchEventListener(this.selectedBtn3,this)
return true
},
selectedBtn1: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender)
cc.log("==========商店界面")
}
},
selectedBtn2: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender)
cc.log("==========卡牌界面")
}
},
selectedBtn3: function (sender, type) {
if(type == ccui.Widget.TOUCH_ENDED){
this.callBack(sender)
cc.log("==========战斗界面")
}
},
callBack: function (sender) {
if (this.teamButton == sender){
return
}else{
this.teamButton.setBrightStyle(ccui.Widget.BRIGHT_STYLE_NORMAL)
this.teamButton.setEnabled(true)
sender.setBrightStyle(ccui.Widget.BRIGHT_STYLE_HIGH_LIGHT)
sender.setEnabled(false)
this.teamButton = sender
}
},
})
var HelloWorldScene = cc.Scene.extend({
onEnter:function () {
this._super()
var layer = new HelloWorldLayer()
this.addChild(layer)
}
})
三，运行就可以查看界面，点击不同的按钮显示不同的输出结果
[Log] ==========商店界面 (CCDebugger.js, line 331)
[Log] ==========卡牌界面 (CCDebugger.js, line 331)
[Log] ==========战斗界面 (CCDebugger.js, line 331)
您好，使用Cocos2d-js来使用WebGL是一个很有用的技术，它可以帮助您创建出令人惊叹的2D和3D图形。Cocos2d-js是一个开源的游戏引擎，它可以让您创建出令人惊叹的2D和3D图形，并且可以在多种平台上运行，包括移动设备和桌面计算机。使用Cocos2d-js可以让您利用WebGL来创建出更加逼真的3D图形，这些图形可以用来创建出真实的环境，游戏，动画，以及其他视觉效果。Cocos2d-js还可以用来创建出更加复杂的游戏，因为它可以支持多种类型的游戏，包括动作游戏，角色扮演游戏，策略游戏，以及虚拟现实游戏。使用Cocos2d-js可以让您利用WebGL来创建出更加逼真的3D图形，这些图形可以用来创建出真实的环境，游戏，动画，以及其他视觉效果。Cocos2d-js还可以用来创建出更加复杂的游戏，因为它可以支持多种类型的游戏，包括动作游戏，角色扮演游戏，策略游戏，以及虚拟现实游戏。此外，Cocos2d-js还可以支持多种类型的输入设备，包括键盘，鼠标，游戏手柄，触摸屏，以及其他输入设备。使用Cocos2d-js可以让您创建出令人惊叹的2D和3D图形，并且可以在多种平台上运行，包括移动设备和桌面计算机。总之，使用Cocos2d-js来使用WebGL是一个很有用的技术，它可以帮助您创建出令人惊叹的2D和3D图形，并且可以在多种平台上运行，包括移动设备和桌面计算机。
