一 : 前景介绍

为cc.Button添加事件的方法有很多种 , 本篇只讲解使用cc.Component.EventHandler的方法.因为此方案有一个最大的有点 : 可以获得cc.Event.EventTouch.但是此方案,相比如控件拖动方案要复杂一些,所以给出此Blog予以详解

二 : 详解

Ⅰ: 构建cc.Component.EventHandler对象

export class ClickEvent2CreatTool{private static _instance : ClickEvent2CreatTool = null;public static get Instance() : ClickEvent2CreatTool{if( !ClickEvent2CreatTool._instance ){ClickEvent2CreatTool._instance = new ClickEvent2CreatTool();}return ClickEvent2CreatTool._instance;}public create( $node : cc.Node , $component : string , $handler : string , $param : any ) : cc.Component.EventHandler{let $event : cc.Component.EventHandler = new cc.Component.EventHandler();$event.target = $node;$event.component = $component;$event.handler = $handler;if( $param )$event.customEventData = $param;return $event;}
}

PS create参数 :
①-> $node : 放置脚本的cc.Node
②-> $component : 脚本的名称
③-> $handler : 脚本中为事件处理的函数
④-> $param : 处理函数的用户自定义的参数
Ⅱ : 设计界面
①,结构图如下

②,UI效果图如下

③,BTN不用设置Click Events(我们不用拖控件的方案)

Ⅲ:脚本编写

import {ClickEvent2CreatTool} from "../tool/ClickEvent2CreatTool";const {ccclass, property} = cc._decorator;@ccclass
export default class MainMenu extends cc.Component {@property(cc.Button)btn_map: cc.Button = null;@property(cc.Button)btn_building : cc.Button = null;@property(cc.Button)btn_menu : cc.Button = null;private listener2Btn( $isAdd : boolean ) : void{if( $isAdd ){this.btn_map.clickEvents.push(ClickEvent2CreatTool.Instance.create( this.node , "MainMenu" , "clickHandler" , this.btn_map ));this.btn_building.clickEvents.push(ClickEvent2CreatTool.Instance.create( this.node , "MainMenu" , "clickHandler" , this.btn_building ));this.btn_menu.clickEvents.push(ClickEvent2CreatTool.Instance.create( this.node , "MainMenu" , "clickHandler" , this.btn_menu ));}else{this.btn_map.clickEvents.shift();this.btn_building.clickEvents.shift();this.btn_menu.clickEvents.shift();}}clickHandler( $event : cc.Event.EventTouch, $customEventData : any ) : void{switch( $customEventData ){case this.btn_map:console.log("map click");break;case this.btn_building:console.log("building click");break;case this.btn_menu:console.log("menu click");break;}}start () : void {this.listener2Btn( true );}onDestroy() : void{this.listener2Btn( false );}
}

PS create参数:
①-> this.node 既是UI中的MainMenu节点 , 这个节点会绑定此脚本
②-> MainMenu 脚本的文件名称
③-> clickHandler 脚本中clickHandler方法为Event处理方法
④-> this.btnmap 自定义的参数
Ⅳ : 在UI中使MainMenu节点绑定脚本MainMenu

Ⅴ : 结果