FairyGUI

转载 2016年09月02日 14:09:39

FairyGUI是一款专业的 UI编辑器

FairyGUI UI编辑器 操作简单,使用习惯与Adobe系列软件保持一致,美术设计师可以轻松上手。在编辑器即可组合各种复杂UI组件,以及为UI设计动画效果,无需编写任何代码。可一键导出到Unity,Starling,Egret, LayaAir,Flash等多个主流应用和游戏平台。

我们的目标:99%的UI制作任务都直接可视化完成!

UI编辑器

特性:

  1. 所见即所得。操作简易,使用习惯与Adobe系列软件保持一致,美术设计师可以轻松上手。
  2. 在编辑器即可组合各种复杂UI组件,无需编写代码。不需要程序员编码扩展UI组件。
  3. 强大的文本控件。支持动态字体,位图字体,以及BMFont制作的位图字体,支持HTML语法和UBB语法,支持图文混排。
  4. 强大的列表控件,支持多种布局,支持虚拟列表和循环列表,即使列表项目数量巨大也拒绝卡顿。
  5. 支持图片的九宫格和平铺处理,支持图片变色和灰度,支持序列帧动画编辑和使用。
  6. 内置手势支持。
  7. 提供时间轴设计UI动效,可实时看到每帧的位置或其他效果。
  8. 编辑状态下使用分散的素材,发布时自动打包图集。支持定义多个图集,自动支持抽出A通道的压缩方式。
  9. 多国语言支持。
  10. 各种分辨率自适应。
  11. 提供插件机制,可以根据项目的需要为编辑器加入个性功能。
  12. 为各个游戏平台提供了一致的API,得益于编辑器强大的编辑功能,程序员只需要了解少量API就能完成UI展现,相比Feathers, NGUI, UGUI等UI框架,FairyGUI提高了UI制作效率,降低了成本。

加入Q群获得FairyGUI最新资讯:434866637 FairyGUI技术交流群

查看例子

阅读手册

========== 更新信息===============

【2016-08-29】

Unity SDK更新到了1.5.1版本

1、修正文本控件使用位图文字时字体全部无效的情况下导致异常的bug。
2、简化了ScrollUp/Down/Left/Right的代码。
3、修正UIPanel和UIPainter处理disable和enable的逻辑。
4、设置正确的BlendMode.Add。
5、取消长按手势对手指数量的限制。
6、修正了输入文本光标有时定位不准确的bug。
7、修改输入文本在手机上点击报错的bug。
8、处理GLoader设置texture为null时错误。
9、TreeNode中numChildren增加为空判断。
10、修正输入文本过多的剪裁导致y的下面缺了两个像素的bug。
11、修改关联系统,不出现小数坐标。
12、增加了普通文本剪裁的支持。
13、SetCustomInput增加buttonUp参数(在前面版本删掉了,还是很有用,所以加回)。如果使用不带buttonUp参数的版本,则buttonDown后下一帧自动触发buttonUp。如果使用带buttonUp参数版本,则buttonDown后直到buttonUp传入true时才触发buttonUp。
14、设置UI的正交摄像机在VR开发中不参与随视野旋转。
15、增加了PC平台上鼠标中键和右键的支持:InputEvent.button。
16、着色器bug修正(影响ETC+A混合模式下,图片Alpha值设置失效)

【2016-08-15】

编辑器更新到2.5.8版本

1、增加了设置位图字体“允许动态改变颜色”的功能。现在用图片组成的位图字体也可以动态改变颜色了。
2、丰富了输入类型的文本的设置。

2016-08-15_112934

SDK更新

1、Laya版本适配到了LayaAir1.1.0版本。
2、Laya版本修改了剪裁的实现,现在使用scrollRect实现,提高性能,而且不会出现超过cache超过2048的错误。
3、Starling和AS3版本增加了对embedFont的支持。
4、各个SDK增加了对编辑器设置input类型文本参数(maxLength,restrict)的支持。
5、各个SDK(除H5)增加了对位图字体着色的支持。

Unity SDK更新到了1.5.0版本

1、优化了文本控件,包括以下几点:
1)优化了RichTextField的实现,代码更简洁。
2)增强了链接的实现,现在链接具有单独的显示对象,可以进行更复杂的控制,比如鼠标移过/点击时显示特定的背景颜色(通过HtmlParseOptions.DefaultLinkHoverBgColor等),又比如可以侦听链接的rollover/rollout等。
3)增加了UIConfig.inputCaretSize和UIConfig.inputHighlightColor,可以个性化输入光标的大小和选择文本的背景色。
4)修改了下划线样式下空格出现多余的下划线的bug。
5)修改了输入文本垂直居中时,即使文本框很高,也不容易激活输入的bug。
2、增加了GRichTextField/GTextInput.emojies接口,可以设置unicode字符对应的图片。通过这个接口,不但可以实现不使用html也能图文混排,更方便的是这种方式支持输入文本。通过简单定义,可以轻松支持显示IOS键盘中自带的表情。详见EmojiPro这个示例。
3、增加输入验证功能 GTextInput.restrict。例如GTextInput.restrict=”[a-zA-Z]”;
4、UIPackage.RemovePackage增加了一个可选参数allowDestroyingAssets,当设置为true时,包里的资源会立刻释放,如果为false,则等待垃圾收集。这个功能仅当包是从AassetBundle中载入时才有意义。如果包是放在Resources目录的,这个参数被忽略。
5、增加了虚拟列表对不等高item和不同资源item的支持。现在虚拟列表支持通过关联,或者直接在RenderListItem回调中改变item的大小。更可以通过ListItemProvider回调,为不同位置的item提供不同的资源。详见EmojiPro这个示例。
6、事件机制增加了一个EventContext.CaptureTouch。当在onTouchBegin事件处理时,你可以调用context.CaptureTouch(),这样,无论鼠标/手指在哪里释放(即使不在对象区域内),对象的onTouchEnd都会被调用。注意仅生效一次。
7、增加了Shape.DrawPolygon,现在可以传入多个点构建多边形。
8、增加一个自定义遮罩的擦除DC,解决多个被遮罩组件重叠时出现的显示错误。
9、 修正UIPanel没有正确处理GameObject.SetActive的情况。
10、Unity5.4兼容性测试。

【2016-07-28】

编辑器更新到2.5.7版本

1、修正了动画编辑窗口不能输入帧延迟的bug。
2、增加了关闭滚动惯性的选项,请打开滚动属性面板设置。
3、修改了按钮/标签等组件,在不设置赋值标题/图标时,保留设计时给title和icon设置的值。
4、修改了列表编辑窗口,现在你可以给列表项目设置名称(即GObject.name)。
5、增加了下拉框弹出方向的设置。
6、修正了使用UBB设置文本某些情况下显式不正确的bug。
7、修正了发布ETC+A纹理时,RGB纹理错误进行了预乘的bug。

SDK更新

1、现在可以访问GearXY/GearSize/GearLook的Tweener。
2、增加了GObject.pixelSnapping,当为真时,GObject的坐标将自动取整。默认为false。
3、修改虚拟列表由于延迟渲染造成设置选中项不正确的bug。
4、[AS3][Egret]修改了动画连续使用setPlaySettings时可能播放不正确的bug。
5、[Egret][Laya]增加了多语言支持,UIPackage.setStringsSource。
6、[Egret][Laya]修正了位图字体对齐不正确的bug。

Unity SDK更新到了1.4.4版本
1、修正了输入文本在处理粘贴时,没有判断maxLength的bug。
2、修改了在ETC+A模式下,没有进行每帧设置材质的AlphaTexture的bug。
3、增加了ScrollPane.onScrollEnd事件。
4、增加了EventListener.Set方法,方便设置事件的回调函数,当这类事件不需要多个回调函数,Add/Remove麻烦且容易重复添加。
5、增加了GSlider.onGripTouchEnd事件,当手指离开滑块后调用。
6、增加了图片平铺的一种特殊实现方式,当图片为“单独(NPOT)”导出,且纹理的Wrap Mode设置为Repeat时,自动利用纹理的Repeat特性实现平铺。这种情况下纹理的FilterMode不需要设置为Point,可以使用Bilinear,而且不受抗锯齿设置的影响。

【2016-07-04】

编辑器更新到2.5.6版本

1、编辑器的Windows版本发布方式改为压缩包,不再使用msi安装格式。
2、修改了设置属性控制器的方式。新的方式更节省空间。

2016-07-04_002122

3、现在动效编辑界面也支持撤销和重做了。
4、增加了按住鼠标中键可以直接拖拽移动舞台的功能。

各个SDK都有对应编辑器新功能的更新。

Starling修正了文字关联没有实时更新的bug。

Unity SDK更新到了1.4.2版本

修正了UI适配的一个bug。
修正了组件接收交互的同时销毁引发异常的bug。

【2016-06-28】

编辑器更新到2.5.5版本

1、增加了文字投影效果的设置。XY是阴影的偏移。投影的颜色与描边的颜色设置方式一致。

2016-06-28_163232

2、增加了将轴心作为锚点的设置。勾选后,轴心的位置将作为元件的原点位置。

2016-06-28_163533

3、现在组件设计时可以直接设置轴心。

2016-06-28_163547

4、预览界面现在支持缩放。(快捷键也同时支持)

2016-06-28_163749

5、发布时如果发布路径不存在将自动创建路径。
6、修改了设置为自动播放的深层嵌套的动效没有自动播放的bug。

各个SDK都有对应编辑器新功能的更新。(H5版本暂时未支持文字阴影)

修正了动画摆动播放无效的bug

Unity SDK更新到了1.4.1版本

增加了树形视图的支持,并增加了相应的Demo。

【2016-06-11】

编辑器更新到2.5.2版本

1、增加了倾斜、颜色滤镜和BlendMode的设置(所有SDK均已支持,除AS3版本未支持倾斜)

2016-06-11_230334 2016-06-11_230352

2、新建组件、新建按钮等功能中的默认新名称改为使用英文。
3、修正了Layabox项目类型设置不成功的bug。
4、修正了设置了比较小的最大输出纹理大小值后发布有时会卡死的bug。

Egret SDK更新到了适应最新的默认使用webgl的Egret引擎。demo已全部更新。

Layabox SDK更新到了适应最新的Layair1.0.0rc引擎。demo已全部更新。

Unity SDK更新到了1.4.0版本

1、增加了显示对象的Painting模式。在此模式下,任意组件可以当做一张位图一样使用。(组件的BlendMode,倾斜、滤镜均基于该技术)

2016-06-11_232518

2016-06-11_232611

2、增加了透视模拟功能。在普通UI相机下(即正交相机),rotaionX/rotationY没有透视效果,如果把UI放到主相机下,又难以和普通UI共存。使用FairyGUI提供的模拟功能,可以轻松实现逼真的翻转效果。
3、Stage.setCustomInput去除了第三个参数:buttonUp。如果当前帧不传入buttonDown而上一帧是buttonDown,则将自动模拟一个buttonUp事件。
4、Stage.setCustomInput增加一个使用参数类型为RaycastHit的重载,你可以直接传入手柄的射线。
5、增加了CopyPastePatch,如果你是使用DLL形式的插件,那么把这个脚本放到工程里,并在游戏启动时加上 CopyPastePatch.Apply(); 可以在编辑器或者发布到PC平台时,使输入文本中的复制粘贴能正常使用。(如果是使用源码形式的插件,忽略这一条)。
6、FairyBatching优化和bug修正。

【2016-05-25】

编辑器更新到2.5.0版本

增加了自定义遮罩的功能,你可以为组件设置一个图片,或者一个图形为遮罩。

2016-05-25_232458

SDK更新

1、增加了自定义遮罩的功能。(暂时只支持Unity和Starling)
2、修正了Starling版本按钮移除,鼠标手型没有还原的bug。
3、修正了图片翻转后九宫格显示不正确的bug。
4、修正了按钮设置为按下变暗或缩放时显示位置不正确的bug。

Unity版本更新到1.3.2版本

【2016-05-19】

编辑器更新到2.4.9版本

新增加了LayaBox LayaAir引擎的支持,欢迎使用!

1、增加了控制器缓动的延时设置

2016-05-19_114602

2、预览增加了修改分辨率的功能,可用于测试关联

2016-05-19_114733

3、动效里面的缩放设置加入负数的设置支持
4、发布代码去掉了强制成员变量使用m_前缀
5、使用了新的编辑器图标,感谢@白猫

SDK更新

1、Starling版本修正了位图字体在贴图未载入时显示出错的bug。
2、Egret版本升级到适应3.0.8引擎。
3、调整了Window点击后自动调整最前的策略,现在只会调整到所有窗口的最前,而不是GRoot的最前。
4、调整进度条的进度文字不显示小数。
5、修正Starling版本从舞台移除GTextInput时,没有移除原生输入的bug。

Unity版本更新到1.3.1版本

修正了输入文本的bug。着色器文件名称去掉了空格。

【2016-05-04】

编辑器更新到2.4.8版本

1、增加了滚动容器的三项设置。在页面模式下,滚动容器每次滚动将翻过一页。在PC上,鼠标的少量位移可以触发翻页;在手机上,需要手指划过页面的一半。

2016-05-04_184203

2、显示列表现在可以多选了。
3、发布对话框删除了“保存”按钮。任何更改都会自动保存,避免切换包时修改的数据丢失。
4、当向字体编辑对话框拖入图片时,自动设置图片对应的文字为图片的名称。
5、标签扩展在title为输入文本时,允许设置”输入提示“。
6、轴心输入已经统一修改为百分比,旧面板的数据可以自动兼容,但动效里的设置不能兼容,请修改!!图形现在也支持设置轴心了。
7、其他一些bug的修正。

SDK更新

1、支持滚动的页面模式。
2、现在可以通过代码设置组件的留空:GComponent.margin。
3、虚拟列表现在可以动态改变layout, lineGap, columnGap和itemSize
4、GObject.setPivot修改为使用百分比,删除了setPivotByRatio
5、增加了Window.bringToFontOnClick和UIConfig.bringWindowToFrontOnClick,现在可以设置窗口在点击时不自动提到最前
6、ScrollToView增加了一个参数setFirst,现在你可以使某一个项目滚动到第一条,而不是任何可见的位置。
7、增加了GearBase.disableAllTweenEffect开关,可以打开和关闭所有控制器引起的缓动。
8、增加了GComponent.childrenRenderOrder,默认情况下,显示列表的渲染结果是索引小的对象显示在后,索引大的对象显示在前。childrenRenderOrder提供了其他的模式,例如ChildrenRenderOrder.Descent,可以使显示列表反向渲染;ChildrenRenderOrder.Arch,可以使显示列呈拱形顺序渲染,即中间的在最前,然后两边依次向后排。这个属性并不影响原有显示列表的顺序。

Unity版本更新到1.3.0版本

1、增加了UIPainter组件,你可以为任何几何体挂上UIPainter组件,然后UI面板将像一张纹理一样显示在几何体上,而且保持原有的交互特性。例如导入一个凹面模型,轻松制作出曲面效果的UI:

2016-05-04_191146

2、GTextInput增加了键盘类型的设置。GTextInput.keyboardType。
3、现在你可以通过侦听GTextInput.onFocusOut事件,获得输入键盘关闭通知。
4、你可以通过GTextInput.RequestFocus()方法弹出输入键盘。
5、增加了UPanel的HitTestMode设置,对WorldSpace的UI,你可以设置为Raycast,表示这个对象将使用射线进行点击检测。
6、增加了Stage.SetCustomInput,你可以每帧调用这个方法,传递坐标和按键标志,用于取代默认输入设备的输入,例如从VR设备得到的输入。
7、增强的Html解析。

【2016-04-11】

编辑器更新到2.4.7版本

1、增加了按钮常用按下效果的快捷设置(适用于手游)。

2016-04-11_215954

2、修正了序列帧动画暂停状态下显示不正常的bug。

Unity版本更新到1.2.3版本

1、优化了着色器。
2、优化了QuadBatch的接口。
3、增加了UIConfig.allowSoftnessOnTopOrLeftSide,以前滚动区域的左/上边缘是不会开启虚化效果的,现在你可以使用这个开关。
4、描边粗细现在已支持。
5、加入了机制无论任何时候调用Stage.IsTouchOnUI总能获得正确的结果。

Egret SDK更新到适配Egret Engine 3.0.6

【2016-04-06】

编辑器更新到2.4.6版本

1、增加了动效自动播放功能。动效可以设置为出现在舞台后自动播放(从舞台移走后自动停止)。

2016-04-06_095340

2、修正了宽高关联与大小控制器冲突的bug。
3、动效时间轴增长指1分钟。
4、其他一些小显示bug修正。

Unity版本更新到1.2.2版本

1、增加了UIConfig组件,可以设置属性和预加载包。

2016-04-06_095535
2、 修改UIPanel的创建时间点为Start或者第一次访问ui属性。这样使其他组件可以Awake里进行UIPanel创建前的预处理。
3、修正了PixelPerfect相关的一些问题,当发布为Standalone时文字更清晰。
4、修正了当屏幕仅宽度改变时(常见于Standalone),UI自适应没有生效的bug。

所有SDK

增加了动效自动播放的支持。
增加了当组件从舞台移走时,自动停止所有动效播放的特性。

【2016-03-29】

编辑器更新到2.4.5版本

1、增加了生成代码的功能

2016-03-29_224947

2、显示列表面板中增加了组折叠的功能。
3、在预览界面中滚动内容现在可以拖拽。
4、图片现在可以设置Scale。图片的Scale与改变大小的区别是前者对九宫格或平铺无效。
5、修正了多个动效切换编辑时显示不正常的bug。
6、修改了九宫格图片在很小时显示不正常的bug。
7、修改了转换为组件时显示对象层次可能不正常的bug。
8、修正了字体编辑界面中不能点中删除按钮的bug。

Unity版本更新到1.2.1版本

1. 修改了FillImage的实现。去除了FillImage这个Shader。
2. 优化了着色器
3. 修改UIContentScaler,使横屏和竖屏切换时不会调整scale。
4. 增加了Stage.SortWorldSpacePanelsByZOrder, 可以按Z值对UIPanel排序。

其他SDK也有bug修正,具体请参考git。

【2016-03-21】

编辑器更新到2.4.4版本

1、增加了图片填充方式的设置,现在你可以利用它来制作环形进度条。(目前只有unity版本可以用,其他语言待开发)。

2016-03-29_225012
2、修正了2.2.3版本引入的一个bug,导致库面板选中焦点不对的bug。
3、修正了导出空白动画时报错的bug。

Unity版本更新到1.2.0版本

1、新增编辑器扩展,UIPanel/UIScaler/StageCamera,现在可以直接放置UI了
2、增加了图片的填充方式.
3、重构了着色器。
4、重构了部分代码。

【2016-03-09】

编辑器更新到2.4.3版本

1、新增了像素级点击测试的功能。你可以指定组件中的任一个图片作为点击测试的源。如果点击在该图片的透明像素上,则点击将穿透。鼠标悬浮同样有效。图片不需要可见。

2016-03-09_162728

2、现在动效编辑时可以为高级组设置透明度。效果等同于为每一个属于改组的元件设置相同的透明度。
3、修改了锁定对象后不能点中这个对象后面的内容的bug。

Starling/AS3版本更新了虚拟列表和循环列表的支持, 加入了相应的demo,在下载页面可以下载。

Egret版本优化了文本和动画的显示。

 

相关文章推荐

初学FairyGUI,对比NGUI

粗略介绍了FairyGUI的背景与优缺点,介绍了在做界面时NGUI存在的问题

FairyGUI加载包生成物体的过程解析

这两天在看FairyGUI的工作流程,在加载FairyGUI某个组件的时候需要先AddPackage,然后在CreateObject,这时才能正确加载组件。要了解FairyGUI加载包生成UI的过程,...

Egret5.0使用FairyGUI教程(各种坑点)

总结一下Egret5.0中使用FairyGUI的各种坑

【Unity自己写框架】FairyGUI UI框架(一)

笔者之前沉迷游戏无法自拔,但是现在之前玩的游戏也不太爱玩了,发现下班到睡觉之前有2-3个小时空闲,仿佛发现了一逼宝贵的财富不能浪费。 笔者从事手游工作也有两年的时间了,主要做的是逻辑和SDK方面的工...

FairyGUI中创建遮罩

在做UI的时候我们经常会用到遮罩.在UGUI中我们通过Mask组件来实现,FairyGUI中也有同样的功能.下面让我们在FairyGUI编辑器中创建一个List组件,并导入到Unity中显示,没有添加...

FairyGUI之drawcall优化

在实际开发中我们经常会使用到动态加载图片,比如背包中加载道具Icon.下面我们做个例子,来看看drawcall消耗.首先我们使用FairyGUI编辑器制作一个List,然后动态加载图片到List中去....

FairyGUI学习摘录

素材管理 可以直接将图片(Gif)、声音(mp3)、动画、文字等素材从资源浏览器拖动到库中。 资源Url UIPackage.getItemURL(“包名“,“资源名”) AudioClip c...

FairyGUI导出XLua接口

因为这块比较简单,根据XLua的文档可以直接导出。 为了省事我就写完这个导出Wrap的代码。 using System.Collections.Generic; using System; using...

学习FairyGui(一)导入uinty

学习fairygui,通过在官网以及相关的视频学习。 今日学习的是如何将fairygui导入unity项目中,首先新建一个新的fairygui项目。新建包,此处我取名为主界面,再新建一个组建,名为“测...

FairyGUI编辑器制作Unity3D UI值得借鉴

笔者介绍:姜雪伟,IT公司技术合伙人,IT高级讲师,CSDN社区专家,特邀编辑,畅销书作者,已出版书籍:《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等...
  • jxw167
  • jxw167
  • 2017年07月31日 15:28
  • 987
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FairyGUI
举报原因:
原因补充:

(最多只允许输入30个字)