参考文献，详细介绍：http://www.cocos.com/doc/tutorial/show?id=2231

UICheckBoxButton 开关

UICheckBoxButtonGroup 单选框 可实现tab

参考文章：http://blog.csdn.net/nynyvkhhiiii/article/details/41308163

demo中给出了以下几种按钮

1 普通按钮(pushbutton)

2 复选框(checkBoxbutton)

3 单选框(radiobutton) 通过创建UICheckBoxButtonGroup 对象，添加btn 来实现

官网上还没有这些函数的api说明,看demo吧

1 cc.ui.UIPushButton

此按钮纹理有三态 nomal,pressed,disabled

目前看来有2种创建方式

[html] view plain copy

@H_403_42@ @H_403_42@ @H_403_42@

1. 1localbtn=cc.ui.UIPushButton.new('btn.png',{scale9=false})
2. 2localbtn=cc.ui.UIPushButton.new({'nomal.png','pressed.png','disabled.png'},
3. scale9=true)

@H_403_42@ 这两种方式的不同在于第二种方式包含三态,第1种方式只有一态.

按钮创建好了,接下来看它的方法

copy

@H_403_42@ btn:setButtonSize(wdith,height)--设置按钮的大小

btn:setButtonLabel('state',cc.ui.UILabel)--设置按钮文字,第一个状态即纹理三态的英文,第二个参数可设置字体,颜色,大小

btn:onButtonPressed(function(event)--按钮按下回调函数

locallabel=event.target:getButtonLabel()

label::setColor(display.COLOR_RED)

end)

btn:onButtonRelease(function(event)--按钮释放回调函数

label::setColor(display.COLOR_BLUE)

btn:onButtonClicked(function(event)--点击按钮回调函数

localbutton=event.target--event.target即按钮对象

end)

btn:setButtonEnabled(false)--设置按钮状态

btn:setButtonLabelString("disabled","text...")--仅设置按钮文字

btn:align(anchorpoing,x,y)--设置对齐方式和位置

btn:getButtonLabel()--获取按钮的cc.ui.UILable对象

btn:setButtonLabelAlignment(anchorpoint)--设置按钮文字的对齐方式

btn:setButtonLabelOffset(x,y)--设置按钮文字的x,y偏移

以上便是从demo中kiang出来的方法和属性

checkbox_button,radio_button实质上都是 checkbox,不过radio_button多了个group的概念.

checkbox的标准纹理有6态

off,off_pressed,off_disabled,on,on_pressed,on_disabled.

最简单的是2态

创建一个checkbox_button

copy

@H_403_42@ chkbox=cc.ui.UICheckBoxButton.new({})--中间的{}是几态的纹理路径

按钮的方法对checkbox_button也适用,这里就不重复了.

即使任何方法都不写,chkbox也可以在界面上正常的工作.

它自动的方法有:

copy

@H_403_42@ chkbox:isButtonSelected()--该checkbox是否为on状态

chkbox:setButtonSelected(bool)--设置checkbox的选择状态

chkbox:onButtonSelectChanged(function(event)--checkbox的点击

end)

创建一组radio_button,首先创建一个group,然后在group中创建checkbox

copy

@H_403_42@ --创建一个group

localgroup=cc.ui.UICheckBoxButtonGroup.new(

display.TOP_TO_BOTTOM)

:addButton(cc.ui.UICheckBoxButton.new({})--在group中添加第一个radio_button

:setButtonLabel()

:setButtonLabelOffset(20,0)

:align(display.LEFT_CENTER))

:addButton(cc.ui.UICheckBoxButton.new({})--在group中添加第二个radio_button

:setButtonsLayoutMargin(10,10,10)--此四个参数为top,right,bottom,left,设置group中每个按钮的边缘位置

:onButtonSelectChanged(function(event)

printf("Option%dselected,

Option%dunselected",event.selected,event.last)

end)

group的方法有

copy

@H_403_42@ group:onButtonStateChanged(function(event)--单击按钮变化时回调

group:getButtonAtIndex(1)--group设置当前按钮的索引,下标从1开始,返回值为cc.ui.UICheckBoxButton

group:removeButtonAtIndex(2)--group删除当前索引的按钮

@H_403_42@

• 上一篇：Cocos_Lua如何调整模拟器大小以及分下一篇：cocos2dx & cocostudio 控件构

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景

操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...

作者：前端之家 时间：2021-01-27

给vs2010安装上cocos2d-x的模版

开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...

作者：前端之家 时间：2021-01-27

Python创建Cocos2d-x 2.2方法

把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...

作者：前端之家 时间：2021-01-27

cocos2dx 物理碰撞

https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...

作者：前端之家 时间：2020-08-06

cocos2d-js 自定义事件监听派发

转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...

作者：前端之家 时间：2020-08-06

cocos常用 实用 公共函数 lua代码

公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...

作者：前端之家 时间：2020-08-06

cocos creator box2d

title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...

作者：前端之家 时间：2020-08-06

（转）让quick-cocos2d-x支持加密的plist文件

前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...

作者：前端之家 时间：2020-08-06

（转）quick-cocos2d-x图片资源加密(续)

摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...

作者：前端之家 时间：2020-08-06

Cocos Creator 动态改变sprite图片

首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...

作者：前端之家 时间：2020-08-06