17650人加入学习
(59人评价)
强大的UI编辑器 - FairyGUI入门教程

制作于2018年1月25日

价格 免费

装载器

创建:左侧工具栏,点击装载器

作用:动态载入图片或者动画

属性:

url:资源的指针地址

控制器

创建:点击主工具栏下方的控制器加号按钮

功能:分页

 

[展开全文]

1.图片

编辑图片:双击图片

大小如果是xx->xx 说明该图片被压缩过

2.动画

创建:资源-新建动画或在主菜单栏里点击创建

 

 

[展开全文]

1.组件的概念

基础容器,可以包含一个或多个显示对象

2.组件的属性

点击外面空白处查看

设计图:参考图,便于拼UI

3.元件

基础

组合

特殊:列表

4.元件属性

原大小:点击后回到最初大小

 

[展开全文]

1、装载器

1.1 动态加载图片动画,可以被放在任何组件的任何位置。

1.2 属性

      1.2.1 URL:资源地址。

              a 获取方法1:选中包中的资源或者动画,右键选中复制URL。

              b 获取方法2:直接拖动资源到属性URL中。

2、控制器

1.2 可视为页签处理器。

 

 

[展开全文]

1、普通组

      仅在编辑模式下有效,只能通过显示列表选中。 运行后则不存在,仅做辅助UI使用。

      组内每个元件大小,会根据组的调整而改变。

2、高级组

      2.1 运行后也是存在的,在普通组属性中勾选【高级组】。

      2.2 布局

            2.2.1 水平布局/垂直布局:设置后,无论如何调整组的大小,其内元件的列距都不会发生改变

      

 

[展开全文]

1、图形工具

     可用于制作遮罩,图形占位。可增加装载器。

2、图片工具

      将图片拖入舞台后,双击图片可进行图片编辑。

3、动画工具

      3.1 文件→新建动画

      3.2 主菜单栏→底片图片

      3.3 动画可导入GIF或者序列帧

 

[展开全文]

1、FGUI组件:可视为容器

2、FGUI元件:组件内的为元件

3、组件锚点选项

     同时作为锚点被勾选后无法使用关联系统,一般不使用。

[展开全文]

组: 工具栏左侧:组合按钮进行创建

组: 没什么卵用

技术用的往往是高级组

[展开全文]

组件:相当于一个面板,包含所有UI的显示

原件:1,基础原件 2.组合原件,3,列表

[展开全文]

装载器:动态加载图片和动画;可以放在很多的组合中

[展开全文]

组:普通组(编辑模式下存在)和高级组

显示列表:渲染顺序

[展开全文]

第一步:创建弹窗框架组件

弹窗框架是由三个部分组成的:

1背景

2拖拽区域(dragArea)

3 关闭按钮(closeButton) 

 

第二步:创建弹窗窗口组件(完善属性:一般就是添加列表)

 

 

[展开全文]

关于他弹窗的实现:

在FairyGUI中,要先创建一个组件用来创建弹窗的框架,再创建另一个组件用来完善弹窗扩展以及在unity中被使用。

专属的命名:

装载器命名为icon

拖拽区域命名为:dragArea

关闭按钮命名为:closeButton

弹窗框架在弹窗窗口中命名为:frame  便于在unity中实例化。

[展开全文]

看了老师的工程文件,爬坑出来了。首先,FGUI中新建的字体名为addValue,注意小写a!其次,动画标签要设好,注意是AddValue,大写A!(如果出现数字没有相加的话,大多数可能是这里有问题~!)最后,发布包的时候,要改一个好点的名字,方便查找并赋值给UIPanel!

话说,这个demo自己找了1个小时的错误,才发现是FGUI新建字体命名的坑。。。

[展开全文]

授课教师

SiKi学院老师

课程特色

图文(1)
视频(38)
下载资料(1)

学员动态

小雪aaa 开始学习 00-课程演示
小雪aaa 加入学习
维C123 加入学习
xiaopenyouaiU 加入学习