Cocos2dx工具——Cocostudio界面编辑器一.docxVIP

/thread-3283144-1-1.htmlCocos2dx工具——Cocostudio界面编辑器一今天我们开始Cocostudio中UI（界面）编辑器的学习（如还有同学不知道Cocostudio，请到【Cocos2dx工具——Cocostudio之数据编辑器使用】进行初步了解）这一片博客中，我们主要介绍一下Cocostudio界面编辑器的操作，随后我们会对界面的实际编码作进一步说明。打开UI编辑器图?1为了能够更方便的使用UI编辑器，首先来对这个编辑器整体做一次了解：图?2如图2所示，红色区域是我们可以添加的控件工具栏区域；蓝色区域是我们编辑过程中使用的主区域，即所有主要的操作结果都是在这个区域中完成的；黄色区域是我们编辑之后物理层级结构展示区域；绿色区域是我们在编辑过程中选中控件的属性显示区域；蓝绿色（这个颜色是这么说吗？^_^）区域是我们这个UI使用的所有资源展示区域；紫红色区域是上边某一资源图片被选中时候的预览图显示区域。OK，有了对编辑器整体认识之后，我们就可以开始使用它了……如果没有已经编辑好的UI，我们需要新建一个项目，这时会弹出项目选项的对话框，按照具体情况填写即可：图?3这时我们会在编辑使用的主区域出现一个用黑框表示的编辑区域如下图：图?4这个黑色编辑区域大小是与我们期待的分辨率一致的，那么肯定有人会问——编辑器怎么会知道我们期望的分辨率是多大呢，如果这个分辨