quick-cocos2d-x button使用方法(UIPushButton、UICheckBoxButton、UICheckBoxButtonGroup)

前端之家收集整理的这篇文章主要介绍了quick-cocos2d-x button使用方法(UIPushButton、UICheckBoxButton、UICheckBoxButtonGroup)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

参考文献,详细介绍: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
  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)
这两种方式的不同在于第二种方式包含三态,第1种方式只有一态.

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

copy

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

    chkbox=cc.ui.UICheckBoxButton.new({})--中间的{}是几态的纹理路径
    按钮的方法对checkbox_button也适用,这里就不重复了.

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

    它自动的方法有:

    copy

    chkbox:isButtonSelected()--该checkbox是否为on状态
  • chkbox:setButtonSelected(bool)--设置checkbox的选择状态
  • chkbox:onButtonSelectChanged(function(event)--checkbox的点击
  • end)
  • 创建一组radio_button,首先创建一个group,然后在group中创建checkbox

    copy

    --创建一个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

    group:onButtonStateChanged(function(event)--单击按钮变化时回调
  • group:getButtonAtIndex(1)--group设置当前按钮的索引,下标从1开始,返回值为cc.ui.UICheckBoxButton
  • group:removeButtonAtIndex(2)--group删除当前索引的按钮
  • 原文链接:https://www.f2er.com/cocos2dx/339326.html

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