码迷,mamicode.com
首页 > 其他好文 > 详细

Quick-cocos2d-x3.3 Study (五)--------- 添加按钮

时间:2015-09-18 01:57:43      阅读:302      评论:0      收藏:0      [点我收藏+]

标签:

添加按钮

1.

 1     -- 添加一个按钮
 2     cc.ui.UIPushButton.new( { normal = "image/button/start1.png", pressed = "image/button/start2.png" } )
 3         -- 点击
 4         :onButtonClicked( 
 5             function ()
 6                 print("---- the start button is onClicked ----") 
 7             end
 8         )
 9         -- 按下
10         :onButtonPressed(
11             function ()
12                 print("---- the start button is onPressed ----")
13             end
14         )
15         -- 释放
16         :onButtonRelease(
17             function ()
18                 print("---- the start button is onRelease ----")
19             end
20         )
21         -- 按钮的状态改变
22         :onButtonStateChanged(
23             function ()
24                 print("---- the start button is onStateChanged ----")
25             end
26         )
27         -- 位置
28         :pos( display.cx, display.cy )
29         -- 添加
30         :addTo( self )

2.

 1  -- 添加一个 CheckBoxButton 按钮
 2     cc.ui.UICheckBoxButton.new( { off = "image/button/checkBox_off.png", on = "image/button/checkBox_on.png" } )
 3         -- 点击
 4         :onButtonClicked(
 5             function ()
 6                 print("---- the checkBox is onClicked ----" )
 7             end
 8         )
 9         -- 按下
10         :onButtonPressed(
11             function (  )
12                 print("---- the checkBox is onPressed ----")
13             end
14         )
15                 -- 释放
16         :onButtonRelease(
17             function ()
18                 print("---- the checkBox is onRelease ----")
19             end
20         )
21         -- 按钮的状态改变
22         :onButtonStateChanged(
23             function ()
24                 print("---- the checkBox is onStateChanged ----")
25             end
26         )
27         :pos( display.cx * 0.3, display.cy )
28         :addTo( self )

 

 

Quick中有三种不同的Button控件,

  分别是:UIPushButton (按钮控件)、

      UICheckBoxButton ( CheckButton 控件)和

      UICheckBoxButtonGroup ( CheckButton 组控件)。

 

UIPushButton 是最常用的按钮控件,它继承自UIButton,

我们可以通过 cc.ui.UIPushButton.new(images, options) 方法来创建 UIPushButton。

参数 images 是 table 类型,它代表各个按钮状态(正常、按下、禁用)下的图片;

options 为可选参数,也是 tabl e类型,包含了是否scale9缩放,偏移flipX、flipY值等设置。

 

onButtonClicked 方法用于监听按钮的点击事件,当点击按钮时,将调用该方法中的代码。

onButtonPressed(callback):用于监听按钮的按下事件

onButtonRelease(callback):用于监听按钮的释放事件

onButtonStateChanged(callback):用于监听按钮的状态改变事件

 

效果图:

1.没有点击start时的效果及输出

 

技术分享

 

2.点击start之后不放开的效果及输出

 

技术分享

 

3. 点击start放开后的效果及输出

 

技术分享

 

4.点击checkBox之后效果图及输出

 

技术分享

 

5.再次点击checkBox之后的效果图及输出

 

技术分享

 

Quick-cocos2d-x3.3 Study (五)--------- 添加按钮

标签:

原文地址:http://www.cnblogs.com/dudu580231/p/4818108.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!