Cocos creator入门------按钮事件

编码测试按钮的点击事件,点击按钮目标图片旋转

  • 找到组件挂在的物体
    拖动代码文件到物体的属性检查器,即将组件挂在物体上。
  • 找到物体上的组件

    组件如下:
    这里写图片描述
    将物体(精灵)拖拽到mynode后面的None中,将文字Label拖拽到mylabel后面的none中,将按钮button拖拽到mytoggle后面的None中。

  • 找到组件中的方法
    如具体代码中的 this.myNode.rotation+=30;,rotation为物体精灵的旋转属性,通过修改rotation的值使得精灵旋转。
    如具体代码中的this.myLable.string="lixiaobai";,通过修改lable的string从而改变屏幕中相应位置的字体显示。

代码如下:

//组件:脚本就是组件
        //控件:按钮 /Lable /Toggle


        //Button 点击事件

        //按钮点击-执行方法:1,找到组件挂在的物体 ,2,找到物体上的组件 3,找到组件中的方法

        @property(cc.Node)
        myNode:cc.Node=null

        @property(cc.Label)
        myLable:cc.Label=null

        @property(cc.Toggle)
        myToggle:cc.Toggle=null //需要拖拽拥有Toogle组件的物体

        buttonClick()
        {

            if(this.myToggle.isChecked)
            {
                cc.log("点击了按钮");
                this.myNode.rotation+=30;
            }

        }

        buttonClick2()
        {
            this.myLable.string="lixiaobai";
        }

猜你喜欢

转载自blog.csdn.net/lihao161530340/article/details/80946040