滴答UI编辑器初实战，实现cocos2dx的支持

太阳不下山

滴答UI编辑器与cocos2dx初实战
如何获取UI编辑器

  

• 源码下载滴答UI编辑器下载  
  
• 源码可装vs进行编译  
  
• 安装.net framework 4.5  
  
• 二进制下载包 如何获取runtime
  

  

  

• UI编辑器 cocos2dx runtime  
  
• 下载下来，打开vs添加引用，如   
  
• 进行相关的头文件引用即可  
  
• 测试2dx版本为3.5
  

实战
可以通过菜单，文件->打开项目，打开项目底下的daemon
下载下来，打开项目，编辑得到testall.xml 编辑器编辑主要通过拖动，修改属性，进行修改
下面来一张，在2dx打开的界面预览图
cocos2dx主要调用函数

TDWin* win = UIBase::create<TDWin>();
win->loadConf("testall.xml");

调用之前，相关路径请添加到searchPath 这样就创建出一个layer出来，添加到相关的scene或者节点中即可显示
相关事件处理
UI编辑器的相关设定， 代码中获取相关节点可以通过

getPanel("button1") //获取
getButton("button1") //获取一个button节点，如果该节点不为button则返回空

事件点击处理

//重载这个方法，event是在UI编辑器我们填的button1event，target则为event的对应节点，当前为TDButton，可以在这里处理相关的事件
bool TDWin::procTuiEvent(const string& event,TDPanel* target)

如果自定义的一个win则继承TDWin，然后重载procTuiEvent方法，然后处理相关的事件
UI编辑器交流群
滴答UI编辑器开发QQ群欢迎您的加入: 453224679