cocos2d-Lua FairyGUI注意项(二)

本篇文章主要说下关于UI编译器的使用注意点，以辅助在学习FairyGUI中所造成的困惑。

使用的环境： Mac

官网：编译器教程

UI编译器

---

UI文件结构

• assets: 包内容放置目录，需要提交到Git中。 其包的显示就是文件夹。组件的显示是.xml文件。
  如果在assets中添加或者删除文件，为避免错误一定要在编译器中进行刷新。
• settings: 配置文件目录，需要提交到Git中
• .fairy : 项目启动文件，需要提交到Git中
  

首选项

打开编译器后，点击右上角的FairyGUI-Editor后，选择首选项。 修改如下配置：

• 通用 --> 发布按钮， 修改为： 发布所有修改过的包

• 通用 --> 发布前保存， 修改为：是
  

项目设置

参考：项目设置

打开编译器后，选择右上角的文件 --> 项目设置…

• 快捷菜单， 建议添加， 这样方便在设置UI时，通过倒三角形来查找设定， 示例：
  

发布设置

参考：发布

打开编译器后，选择右上角文件 --> 发布设置…，

• 选择全局设置，设定发布路径， 建议使用相对路径，比如： …/cocosLuaDemo/Project/res/fgui

• 选择全局设置，纹理集的设定，默认为2048*2048, 勾选超过后分页，允许旋转
  

• 选择包设置，关于排除资源，可将不需要使用的资源添加其中，比如预览图等
  

注意：如果使用全部发布的话，将发布路径下的资源进行清空再发布，否则可能会出现资源图丢失的问题

针对于该文件，建议编写插件工具清空资源，后面再说

图集

上面说过，关于图集在创建的时候会自动分页。但是呢，可能会存在如下两种情况：

1. 有一张很大的图片，不需要放置到图集中

2. 针对于公有资源，想对其进行分类放置，比如按钮资源相关，进度条资源相关

3. 帧动画资源单独分类

参考：图片属性

选择指定的图片，右击选择属性：纹理集选项中，查看的话，会有如下选择:

• 单独: 将图片单一放置到一张纹理集中

• 单独(NPOT)： 将图片按照原大小输出，该选项使用于情况1， 但要注意的是发布出来的文件名会被编译器进行修改。

• 0～10: 这个是设定的图集名相关，可多选多个图片后，右击选择属性，勾选纹理集，选择指定的索引即可。

关于纹理集的数目设定:文件 -> 发布设置 -> 指定的包配置 -> 纹理集定义， 修改纹理集最大编号

规范

在使用编译器的过程中，注意尽量生成统一的规范:

• 包命名，首字母大写，比如Basic， Common, Bag等
• 公有组件命名， 带有前缀： combtn_, combar_, comwidget_, commovie_等，关键是一定要小写
• 包内创建统一的文件夹：
  • res: 放置资源相关
  • __preview: 放置预览图资源相关
  • basicMainView: 页面UI相关,首字母小写，后缀带有View
  • widget_name: 页面组件相关, 带有前缀widget_

针对于公有组件的命名，必须小写的原因有两点：

• 使用SourceTree或者SVN提交的时候，软件对大小写字母的支持不太友好
• 多人协作频繁的修改公有组件的话，可能会出现某一个组件无限复制的情况
  该问题的原因在于组件名与配置内的名字保存大小写不一致，需要重新命名，保存后，再还原回去。

上一篇: cocos2d-Lua FairyGUI移植(一)
下一篇: cocos2d-Lua FairyGUI UI结构(三)