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

COCOS CREATOR(TS)之节点鼠标事件

时间:2019-02-19 23:37:20      阅读:582      评论:0      收藏:0      [点我收藏+]

标签:1.5   img   size   this   const   touch   节点   hand   cli   

一 : 前景

以官方的Demo为例子(HelloWorld)
①-> UI层级结构
技术图片
②-> Canvas的属性
技术图片

二 : 编码(Helloworld.ts)

const {ccclass, property} = cc._decorator;

@ccclass
export default class Helloworld extends cc.Component {

    @property(cc.Label)
    label: cc.Label = null;

    @property
    text: string = ‘hello‘;

    start () {
        // init logic
        this.label.string = this.text;
        this.listener2Handler(true);
    }

    private listener2Handler( $isAdd : boolean ) : void{
        if( $isAdd ){
            !this.node.hasEventListener(cc.Node.EventType.TOUCH_END) && this.node.on( cc.Node.EventType.TOUCH_END , this.onClick , this );
        }else{
            this.node.hasEventListener(cc.Node.EventType.TOUCH_END) && this.node.off( cc.Node.EventType.TOUCH_END , this.onClick , this );
        }
    }

    private onClick( $e : cc.Event.EventTouch ) : void{
        switch ($e.currentTarget) {
            case this.node:
                console.log("okok");
                break;
        }
    }

    onDestroy() : void{
        this.listener2Handler(false);
    }
}

三 : 结果

技术图片

COCOS CREATOR(TS)之节点鼠标事件

标签:1.5   img   size   this   const   touch   节点   hand   cli   

原文地址:http://blog.51cto.com/aonaufly/2352091

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