谁说想要做UI设计就非得会敲代码?FairyGUIEditor让零编程基础的小伙伴也能做出漂亮的用户界面,它提供了多种渲染引擎,操作体验好,你能自定义添加组件,定制自己需要功能。
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开发中常见的痛点。
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通道的压缩方式。
1、完成软件安装双击软件进入软件项目创建界面,该界面可以进行项目打开、新建等操作
2、点击新建项目弹出创建新项目弹框,点击创建按钮即可成功创建项目
3、进入项目编辑页面,该页面可以点击周围的快捷键工具进行ui界面编辑
4、点击选择文本控件可以点击控件可以对空间进行文本编辑
5、点击预览按钮可以对编辑的控制器进行预览
6、点击基本设置功能栏可以设置软件控制器的基本参数
7、点击新建组件按钮弹出创建组件弹框,该弹框可以进行组件创建
8、点击创建动画按钮弹出动画创建弹框,点击选择创建名称和位置即可进行创建
9、点击动效按钮可以对动画效果进行设置,具体效果如图下所示
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。
用户在FairyGUIEditor的每一步操作都会自动保存,你能从外部导入素材,制作好的作品也能导出为资源包,多种特效任大家使用,小伙伴们可以实时预览制作效果。
上文就是小编为您带来的FairyGUIEditor了,更多精彩软件请多多关注IE浏览器中文网站!