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

滴答UI编辑器与cocos2dx初实战

如何获取UI编辑器


实战

能够经过菜单,文件->打开项目,打开项目底下的daemongit

下载下来,打开项目,编辑获得testall.xml界面布局在UI编辑器的预览效果 编辑器编辑主要经过拖动,修改属性,进行修改编辑器

下面来一张,在2dx打开的界面预览图界面在2dx的预览效果函数

cocos2dx主要调用函数布局

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

调用以前,相关路径请添加到searchPath 这样就建立出一个layer出来,添加到相关的scene或者节点中便可显示测试

相关事件处理

UI编辑器的相关设定,UI编辑器的tag及event设定 代码中获取相关节点能够经过ui

getPanel("button1") //获取
getButton("button1") //获取一个button节点,若是该节点不为button则返回空

事件点击处理.net

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

若是自定义的一个win则继承TDWin,而后重载procTuiEvent方法,而后处理相关的事件code

UI编辑器交流群

滴答UI编辑器开发QQ群欢迎您的加入: 453224679xml

相关文章
相关标签/搜索