Cocos-Js - Cocostudio在JS中的使用

cocostudio在JS中的使用

申明：cocos2d-js只能加载导出的json文件，不能加载csb文件。

首先，我们来看看在JS-Test中的代码

JS-test中的代码：
_parseUIFile: function(file){
        if(cocoStudioOldApiFlag == 0){
          //如果是老版本
            cc.log("ccs.load : %s", file);
            var json = ccs.load(file);
            return json.node;
        }else{
          //如果是新版本
            cc.log("ccs.uiReader.widgetFromJsonFile : %s", file);
            return ccs.uiReader.widgetFromJsonFile(file)
        }
  },
 
Cocostudio2.1.0 以上需要使用新的接口：

 var json = ccs.load(file);

Cocostudio2.1.0 以下需要使用老的接口：

var root = ccs.uiReader.widgetFromJsonFile(file);

通过一个案例实现：
比如：
  var UIroot=this.setUIFile_File(资源文件路径);
  UIroot.setAnchorPoint(cc.p(0.5,0.5));
  UIroot.setPosition(cc.p(this.getContentSize.width/2this.getContentSize.height/2));
this.addChild(UIroot,1);
//绑定文本
var lv_100=ccui.helper.seekWidgetByName(UIroot,"控件名");
var lv_200=ccui.helper.seekWidgetByName(UIroot,"控件名");
//绑定按钮
var bt_music=ccui.helper.helper.seekWidgetByName(UIroot,"控件名");
bt_music.setTag(1);
bt_music.addTouchEventListener(this.touchEvent_MainButton,bt_music);
},
touchEvent_MainButton:function(sender,type){
  switch (type){
  var tagnum=sender.getTag();
   log("..........");
break;
  default:
break;
}
}