独孤九剑与乾坤大挪移—uikiller插件系统

let UIKillerPlugin = {
   name: '插件名字',
   onRegister() {
       //当插件注册时响应
   },   onCheckNode(node, target) {
       //当一个node将要被绑定时响应，返回false将不会绑定该节点下的子节点
   },   onBeforeHandleEvent(node, event, hasEventFunc) {
      //当一个节点的事件处理函数执行前响应
   },   onAfterHandleEvent(node, event, hasEventFunc, eventResult) {
      //当一个节点的事件处理函数执行后响应
   }
};//注册插件
uikiller.registerPlugin(UIKillerPlugin);

let UIKillerBindFilter = {
   name: 'UIKillerBindFilter',
   onCheckNode(node, target) {
       if (node === target.node) {
           return true;
       }
       //过滤掉首字母为“@”的节点下的子节点
       if (node.name[0] === '@') {
           return false;
       }       /*在bindNode\bindComponent的最后一个参数是一个options对象*/
       /*调用options上的过滤函数，进行节点过滤*/
       let options = target.$options;
       if (uikiller.isFunction(options.filter)) {
           if (options.filter(node)) {
               return false;
           }
       }        
   }
};
uikiller.registerPlugin(UIKillerBindFilter);

//组件代码
onLoad() {
   uikiller.bindComponent(this, { filter: (node) => {
       //在此可以根据node名字、类型等属性进行过滤    
   }})
}

const UIKillerLabelLanguage = {  
   name: 'UIKillerLabelLanguage',
   onCheckNode(node, target) {
       //检查节点是否有label组件
       let label = node.getComponent(cc.Label);
       if (!label) {
           return;
       }
       //以节点名上的$为多语言key，如果不存在以name为多语言key
       let key = node.$ || node.name;
       //使用i18n获取多语言文本
       label.string = i18n.t(key);
   }
};

onButtonTouchEnd() {
    //处理一堆业务
    ...
    //播放音效
    cc.audioEngine.play(url);
}

//用英雄节点的名字作key或者$名字也行
const SOUND_CONFIG = {
   _attack: '3002.mp3',
   _expedition: '3006.mp3',
   click: 'click.mp3',      
}

const UIKillerTouchSound = {
   name:'UIKillerTouchSound',
   /**
    * 事件处理函数执行完毕后触发此函数
    * @param {*} node         触摸事件节点
    * @param {*} event        触摸事件对象
    * @param {*} hasEventFunc  是否有事件处理函数
    * @param {*} eventResult   事件处理函数返回值
    */
   onAfterHandleEvent(node, event, hasEventFunc, eventResult) {
       //在TouchEnd事件时，而且事件处理函数返回值不能为false
       if (event.type !== cc.Node.EventType.TOUCH_END || eventResult === false) {
           return;
       }
       //获取声音文件名，没有的话统一的click声音
       let soundName =   SOUND_CONFIG[eventResult] || //优先取事件返回值
                         SOUND_CONFIG[node.$]      ||  //其次取$名字
                         SOUND_CONFIG[node.name]   || //再次为节点名
                         SOUND_CONFIG.click;          //没有统一的click声音
       //播放音效
       let url = cc.url.raw(`resources/sound/${soundName}`);
       cc.audioEngine.play(url);
   }
};

onLoad() {
   this.bindComponent(this);
},//有个_button节点，且写了这个函数，不做事也会有默认音效播放
_onButtonTouchEnd() {
},//有个_button1节点，事件函数返回了false，不会有声音出现
_onButton1TouchEnd() {
 return false;
},//有个_attack节点，音效配置中对应“3002.mp3”，将自动播放此音效，这里不用再费心了
_onAttackTouchEnd() {
   //如果返回一个音效配置字符串，将会改变声音的播放
   //return "_expedition";
},

//召唤一个英雄
cc.Component.prototype.createNode = function() {
...
}//给英雄放个假
cc.Component.prototype.destroyNode = function() {
}

onLoad() {
   //定义一个target对象，交UI编辑器上的节点和组件挪移到它上面去
   this.target = {
       //处理节点的触摸事件
       _onLabelTouchEnd() {
          //_label补绑定到target对象上了，可以用this直接访问
          this._label.$Label.string = 'yyy';    
       }
   };
   uikiller.bindNode(this.node, this.target);
   //_label属性已经被挪移到this.target上了，在target变量上访问
   this.target._label.x = 100;
   this.target._label.$Label.string = 'xxx';
}

------------------XXXComponent.js--------------------
let Ctrl = require('Ctrl');
cc.Class({
   extends: cc.Component,   onLoad() {
       //创建一个控制器
       this.ctrl = new Ctrl(this.node);
       //使用bindComponent注入乾坤大挪移的阳刚之气
       uikiller.bindComponent(this);
   },   /**
   * 在此控制界面逻辑
   */
   _onButtonTouchEnd(sender) {
       //360度旋转起来
       this._button.runAction(cc.rotateBy(3, 360).repeatForever());
   }
});

let uikiller = require('uikiller');function Ctrl(node) {
   //使用bindNode注入乾坤大挪移的阴柔之力
   uikiller.bindNode(node, this);
   //同样方式访问节点与组件
   this._label.$Label.string = 'xxx';
};//定义成员函数
Ctrl.prototype = {
   /**
   * 在此控制业务逻辑
   */
   _onButtonTouchEnd(
       //处理业务逻辑
       ...
       //发起网络请求
       net.request(url, param, (data) => {
           //数据来了，停止旋转
           this._button.stopAllActions();
           this._button.rotation = 0;
       });
   }
}