介绍

FairyGUI的独特之处

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

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

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

特性列表

  • 所见即所得。操作简易,使用习惯与Adobe系列软件保持一致,策划和美术设计师都可以轻松上手。

  • 在编辑器即可组合各种复杂UI组件,无需编写代码。不需要程序员编码扩展UI组件。

  • 支持平移、缩放、旋转、倾斜、翻转等常规的2D变换。

  • 强大的文本控件。支持动态字体,位图字体,以及外部工具(例如BMFont等)制作的位图字体,同时支持HTML语法和UBB语法,支持复杂的图文混排。输入文本支持IOS原生表情的直接输入。支持字体的描边效果,阴影效果,支持渐变色文字。

  • 强大的列表控件,支持横向、纵向、流动、分页等多种布局,支持虚拟列表和循环列表,即使列表项目数量巨大也拒绝卡顿。虚拟列表还支持不等高ITEM、多种ITEM资源混合等高级特性。支持表格、树等高级列表控件。支持贴近,分页等滚动高级特性。

  • 支持图片的九宫格和平铺处理,支持九宫格内各个宫格的平铺处理。支持图片变色和灰度。

  • 支持基础的绘图功能,例如矩形、圆形、多边形等。

  • 支持序列帧动画编辑和使用。自带序列帧动画编辑器,同时支持导入由Flash CS、Animate CC等工具制作的动画。

  • 内置扫、捏、扭、长按等多种常用手势支持。内置摇杆支持。

  • 编辑器提供时间轴设计UI动效,可以组合透明度、位置、大小、颜色等十几种属性的动画效果。并可实时看到每帧的效果。支持插入声音。支持嵌套动效。

  • 支持矩形遮罩和自定义图形遮罩。

  • 支持变色、模糊等滤镜。支持BlendMode设置。

  • 支持逐像素检测的点击检测方式。

  • 支持将UI组件绑定到任何模型上,例如实现曲面UI。

  • 内置文本的打字效果。

  • 内置窗口管理器,弹出窗口管理器,拖放管理器。

  • 支持事件的冒泡机制。

  • 封装了所有输入方式的底层细节,无论是鼠标输入、单点触摸输入、多点触摸输入、VR输入,你都只需要使用相同的事件侦听方式处理UI交互。

  • 支持在UI层中插入任何3D物体,例如模型、粒子、骨骼动画等,自动处理渲染顺序。

  • 编辑状态下使用分散的素材,发布时自动打包图集。支持定义多个图集,Unity版本自动支持抽出A通道的压缩方式。

  • 多国语言切换支持。可以实时切换UI语言。

  • 各种分辨率自适应。一套UI适用于不同分辨率的设备。

  • 支持为编辑器组件自动生成代码。

  • 提供插件机制,可以根据项目的需要为编辑器加入个性功能。

  • 支持设计图功能,直接将设计图显示在背景,便于对照精准拼接。

学习路径

  1. 下载FairyGUI编辑器。
  2. 下载对应你的开发平台的FairyGUI SDK。
  3. 对照SDK里的例子(包括编辑器里的UI设计,和运行时的代码),阅读全部官网教程或视频教程
  4. 愉快地开始你的UI制作之旅。