Quick-cocos2d-x3.3 Study （五）--------- 添加按钮

添加按钮

1.

    -- 添加一个按钮
    cc.ui.UIPushButton.new( { normal = "image/button/start1.png", pressed = "image/button/start2.png" } )
        -- 点击
        :onButtonClicked( 
            function ()
                print("---- the start button is onClicked ----") 
            end
        )
        -- 按下
        :onButtonPressed(
            function ()
                print("---- the start button is onPressed ----")
            end
        )
        -- 释放
        :onButtonRelease(
            function ()
                print("---- the start button is onRelease ----")
            end
        )
        -- 按钮的状态改变
        :onButtonStateChanged(
            function ()
                print("---- the start button is onStateChanged ----")
            end
        )
        -- 位置
        :pos( display.cx, display.cy )
        -- 添加
        :addTo( self )

2.

 -- 添加一个 CheckBoxButton 按钮
    cc.ui.UICheckBoxButton.new( { off = "image/button/checkBox_off.png", on = "image/button/checkBox_on.png" } )
        -- 点击
        :onButtonClicked(
            function ()
                print("---- the checkBox is onClicked ----" )
            end
        )
        -- 按下
        :onButtonPressed(
            function (  )
                print("---- the checkBox is onPressed ----")
            end
        )
                -- 释放
        :onButtonRelease(
            function ()
                print("---- the checkBox is onRelease ----")
            end
        )
        -- 按钮的状态改变
        :onButtonStateChanged(
            function ()
                print("---- the checkBox is onStateChanged ----")
            end
        )
        :pos( display.cx * 0.3, display.cy )
        :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之后的效果图及输出