滴答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方法，然后处理相关的事件