FairyGUI Editor

FairyGUI Editor 是一款开源的，功能强大的 UI 编辑器，具有可视化功能，可零代码实现设计效果，有强大的文件控件，列表控件，所见即所得，内置多种手势操作。

FairyGUI Editor 特色

FairyGUI 提供了一个强大的 UI 编辑器，使用习惯与 Adobe 系列软件保持一致，美术设计师和策划都可以轻松上手。

与市场上其他 UI 编辑器不同，FairyGUI 编辑器重视设计师体验，摒弃了脚本和配置文件这些需要代码思维的操作。借助 FairyGUI 提供的 组件、关联、控制器 以及 动效，我们可以在不写代码的情况下使用编辑器轻松地制作大量复杂的带有动画效果的自动布局的 UI。

FairyGUI 提供了多个游戏引擎 SDK：Unity、Cocos2d-x、Cry Egine, Havok Vision/Project Anarchy、白鹭、LayaAir、Haxe、Pixi、Flash、Starling，未来还将支持 UE4、LibGDX 等。借助 FairyGUI-SDK，你可以轻松在 UI 中使用 3D 对象、粒子等元素，而且 FairyGUI 还解决了环形进度条、像素点击测试、图文混排、循环列表、虚拟列表、曲面 UI、VR 输入等 UI 开发中常见的痛点。

FairyGUI Editor 功能介绍

1. 强大的文本控件。支持动态字体，位图字体，以及外部工具 (例如 BMFont 等) 制作的位图字体，同时支持 HTML 语法和 UBB 语法，支持复杂的图文混排。输入文本支持 IOS 原生表情的直接输入。支持字体的描边效果，阴影效果，支持渐变色文字。
2. 强大的列表控件，支持多种布局，支持虚拟列表和循环列表，即使列表项目数量巨大也拒绝卡顿。虚拟列表还支持不等高 ITEM、多种 ITEM 资源混合等高级特性。支持表格、树等高级列表控件。
3. 支持图片的九宫格和平铺处理，支持九宫格内各个宫格的平铺处理。支持图片变色和灰度。
4. 所见即所得。操作简易，使用习惯与 Adobe 系列软件保持一致，策划和美术设计师都可以轻松上手。
5. 在编辑器即可组合各种复杂 UI 组件，无需编写代码。不需要程序员编码扩展 UI 组件。
6. 支持平移、缩放、旋转、倾斜、翻转等常规的 2D 变换。
7. 支持基础的绘图功能，例如矩形、圆形、多边形等。
8. 支持序列帧动画编辑和使用。自带序列帧动画编辑器，同时支持导入由 Flash CS、Animate CC 等工具制作的动画。
9. 内置多种手势支持。
10. 编辑器提供时间轴设计 UI 动效，可以组合透明度、位置、大小、颜色等十几种属性的动画效果。并可实时看到每帧的效果。支持插入声音。支持嵌套动效。
11. 支持矩形遮罩和自定义图形遮罩。
12. 支持滤镜。
13. 支持逐像素检测的点击检测方式。
14. 支持将 UI 组件绑定到任何模型上，例如实现曲面 UI。
15. 内置文本的打字效果。
16. 内置普通窗口管理器，弹出窗口管理器，拖放管理器。
17. 支持事件的冒泡机制。
18. 封装了所有输入方式的底层细节，无论是鼠标输入、单点触摸输入、多点触摸输入、VR 输入，你都只需要使用相同的事件侦听方式处理 UI 交互。
19. 支持在 UI 层中插入任何 3D 物体，例如模型、粒子、骨骼动画等。
20. 编辑状态下使用分散的素材，发布时自动打包图集。支持定义多个图集，Unity 版本自动支持抽出 A 通道的压缩方式。

FairyGUI Editor 使用方法

历史记录 曾经打开过的项目可以直接从列表中点击打开。

删除 点击右上的垃圾桶按钮删除选定的打开历史记录。

打开其他 通过选择一个项目描述文件 xxx.fairy 打开一个已有项目。

打开目录 通过选择项目所在的目录打开一个已有项目。适用于打开 2.x 版本的项目。

资源 URL 地址

在 FairyGUI 中，每一个资源都有一个 URL 地址。选中一个资源，右键菜单，选择“复制 URL”，就可以得到资源的 URL 地址。无论在编辑器中还是在代码里，都可以通过这个 URL 引用资源。例如设置一个按钮的图标，你可以直接从库中拖入，也可以手工粘贴这个 URL 地址。这个 URL 是一串编码，并不可读，在开发中使用会造成阅读困难，所以我们通常使用另外一种格式：ui://包名/资源名。两种 URL 格式是通用的，一种不可读，但不受包或资源重命名的影响；另一种则可读性较高。

资源导出

包内的每个资源都有一个是否导出的属性，已导出的资源的图标右下角有一个小红点。使用右键菜单提供的功能可以方便的切换一个或多个资源的导出属性。

收藏夹

收藏夹提供了一个快速访问常用组件的功能。可以将一些常用的组件或素材放置在收藏夹里，便于快速访问。也可以实现一个类似控件面板的功能。在资源库里右键单击一个或多个资源，然后在右键菜单中选择“加入收藏夹”，就可以将资源加入收藏夹。

FairyGUI Editor 常见问题

1、运行报错且看不到界面，但编辑模式没问题

例：Create Component1@Package1 failed!

答：这种错误一般是因为使用 UIPanel，原因可能有：

你的 UI 包没有正确放置到 Resources 目录，或者 Resources 拼错了！太多新手犯这样的错误。

如果有跨包引用，需要使用 AddPackage 手动载入依赖包，并且注意，AddPackage 必须在 UIPanel 创建之前，建议放到 Awake。

如果包发布后移动过位置，或者修改过名称，重新设置一下 UIPanel 的包和组件名。

2. 显示不出图片/文字，但没有报错

   答：项目中没有放置 FairyGUI 的着色器，即插件里 Resources/Shaders 里的着色器。请重新安装插件。

3. UI 显示有重复，或者 UI 销毁后依然显示

   答：场景里没有放置主相机。

主相机的 ClearFl ags 错误设置为了 Depth。

场景里还有其他相机，且它的 Culling Mask 设置勾选了 UI。