分类

编程工具

FairyGUI Editor(UI编辑器)

FairyGUI Editor(UI编辑器) 5.0.5 官方版

大小:35.7 MB

语言:简体中文系统:WinXP, Win7, Win8, Win10, WinAll

类别:编程工具时间:2019-11-26

  FairyGUI Editor是一款可以帮助你设置网页界面的应用程序,你可以通过本软件设计你的应用程序UI界面,也可以对网站页面设计,拥有超级多的编辑功能,可以选择元件、图片、动画、文本、装载器、组件、滚动器等内容编辑UI界面,拥有丰富的绘图功能,你可以在软件上设计新的图形,可以设计矩形、圆形、多边形,方便你设计新的图形菜单;FairyGUI Editor设计中文的软件,内置教程,需要的朋友就下载吧!

FairyGUI Editor(UI编辑器)

软件功能

  1、FairyGUI Editor提供非常多的UI设计功能,你可以设计网站UI,可以设计手机UI

  2、在软件上提供了适配测试的功能,允许你自己选择屏幕打下

  3、支持iPhone、华为、小米、三星等多个屏幕设置

  4、在选择项目的时候也可以选择Layabox、Haxe、Pixi

  5、提供更多的元件,插入UI的功能和图标更丰富

  6、也支持动画设计功能,有动画序列编辑功能

  7、支持新建包,支持发布包

  8、支持Cocos2dx、Cry Engine、Havok Vision( Project Anarchy)

  9、也提供动态功能,设计手机UI的时候可以设置滚动效果

  10、提供了静态UI的编辑功能,而且提供了强大的动效编辑功能,让你的UI可以轻松动起来。

  11、允许你在软件上新建一个动态的效果,可以编辑自己需要的动效

软件特色

 表情显示和输入

  FairyGUI支持表情显示和直接输入,即表情图片直接在输入状态下就显示在输入框中,支持PC上的输入,也支持手机原生键盘的输入。例如:

FairyGUI Editor(UI编辑器)

  使用办法是为富文本或者输入文本定义emojies集合。

  Dictionay emojies = new Dictionary();//unicodeValue是字符的unicode编码,imageURL是图片路径emojies.Add(unicodeValue, new Emoji(imageURL));GRichTextField richTextField;richTextField.emojies = emojies;GTextInput textInput;textInput.emojies = emojies;

  每个表情对应一个Unicode编码。表情的来源有两种,一是自定义的表情,另外是手机键盘上自带的表情。

  对于自定义的表情,你可以用任意字符作为表情的代码,可以选取一些几乎不会被用户直接输入的字符。

  对于手机键盘上的表情,一般是使用UCS32编码,即4个字节的Unicode编码。这和我们通常使用的UTF8或者UCS16不同。一般我们在代码里使用的字符,无论是英文还是中文,都可以使用一个char表达,但4字节的Unicode编码在C#需要两个char表达,称为Surrogate Pair。丢掉任何一个char都会造成编码错误。

  例如Unicode编码0x1f600对应的表情为:

FairyGUI Editor(UI编辑器)

使用方法

  1、打开FairyGUI Editor软件,这里是设置新项目的界面,你可以将一个项目打开

FairyGUI Editor(UI编辑器)

  2、也可以选择右边的创建项目功能,自己在这里找到需要的项目类型

FairyGUI Editor(UI编辑器)

  3、包括 Unity、Flash、、Starling、 Caret等类型,点击创建

FairyGUI Editor(UI编辑器)

  4、主项目设计区域,在这里就可以找到全部设计功能,在下方区域找到文本、动画等设计方案

FairyGUI Editor(UI编辑器)

  5、基本设置内容,可以重命名项目数据,发布时一并发布修改过的其它包

FairyGUI Editor(UI编辑器)

  6、文字大小方案(每行一个记录,每行格式为记录名字体大小”)

FairyGUI Editor(UI编辑器)

  7、颜色方案,每行一个记录,每行格式为记录名颜色值

FairyGUI Editor(UI编辑器)

  8、预设设置:垂直滚动条、水平滚动条、滚动条显示、TIPS组件、按钮点击声音

FairyGUI Editor(UI编辑器)

  9、适配测试界面,可以在这里设置屏幕大小,右边有很多选择,支持 720p Phone (Landscape)、 1080p Phone 华为M、Mate9((Landscape))

FairyGUI Editor(UI编辑器)

  10、导入时自动裁剪图片到最小包围:不裁剪,这里也可以设置语言

FairyGUI Editor(UI编辑器)

  11、有快捷键设置,支持新建组件、新建按钮、新建标签、新建下拉框、新建滚动条、新建进度条

FairyGUI Editor(UI编辑器)

  12、也可以在资源菜单找到新建进度条、新建滑动条、新建弹出菜单、新建动画、新建位图字体、导入资源包、导入内置资源包、导出资源包

FairyGUI Editor(UI编辑器)

  13、资源设置功能,可以选择从库中拖拽到此查询,可以选择依赖我的资源、我依赖的资源

FairyGUI Editor(UI编辑器)

  14、使用导出功能,将包里所有文本属性的字符串提取出来,保存为XML格式的文件,将该文件提交翻译。

FairyGUI Editor(UI编辑器)

  15、这里有插件管理功能,可以在这里找到你需要使用的插件

FairyGUI Editor(UI编辑器)

使用说明

  TS/JS版本

  1、将FairyGUI库以及依赖的rawinflate库拷贝到bin/libs目录。(如果你在编辑器发布时没有勾选压缩描述文件,那么这个库是不需要的)。

FairyGUI Editor(UI编辑器)

  2、把fairygui.d.ts拷贝到libs目录。

FairyGUI Editor(UI编辑器)

  3、在index.html里添加上述两个库的引用,注意放置的位置。

FairyGUI Editor(UI编辑器)

  注:FairyGUI只依赖laya.core, laya.html两个模块,不需要laya.ui。

  4、使用FairyGUI编辑器完成UI编辑。发布目录请选择Laya工程的bin/res目录(当然其他目录也是可以的)。发布后得到两个(或以上)文件。

FairyGUI Editor(UI编辑器)

  5、在程序启动时(或者在需要用到这些UI的适当地方)加载这两个文件,并完成初始化。

更新日志

  5.0.5

  紧急修复分支无法增加资源的bug。

  修正了发布时没有发布自定义属性引用的资源的bug。

∨ 展开

网友评论

我要跟帖
取消
所有评论 共 0