FairyGUI学习使用

FairyGUI的创建

编辑好项目名称后,选定项目存储位置,最后选定项目类型点击创建即可
FairyGUI学习使用_第1张图片

FairyGUI主界面展示

FairyGUI学习使用_第2张图片

组件和元件

组件

FairyGUI中的组件与Unity3D中组件的定义不同,FairyGUI中的组件是一个容器,用来承载相关功能。点击空白处可在属性面板上获取组件相关信息。

元件

元件是所需的各类资源,主要分为:基础元件,组合型原件,特殊元件。

基础元件

图片FairyGUI学习使用_第3张图片

在该页面可以使用九宫切图以及对图片本身的一些修改。
FairyGUI学习使用_第4张图片
属性面板可以调整图片颜色,亮度,翻转,以及填充方式。

动画

在资源和主工具栏里面都有新建动画,以此来创建动画。可以导入一系列图片进行制作,也可以直接导入一张gif图片创建。基础设置和图片类似。唯一的差距就是可以对帧率进行调控。

FairyGUI学习使用_第5张图片

文本

侧工具栏可直接创建文本。(同时可直接创建富文本)
FairyGUI学习使用_第6张图片
勾选输入后可在游戏界面内输入
勾选UBB后可支持UBB语法
主要是对文字界面的相关设置

在资源中我们可以选择新建位图字体来丰富我们的字体样式(记得在字体处选中)
FairyGUI学习使用_第7张图片

FairyGUI学习使用_第8张图片

普通组

将一系列原件选中后可以将其整合成一个普通组,可以对其进行整体修改(包括位置,缩放等)

高级组

普通组与高级组的切换是在属性面板中选择。可以改变组内物品的布局(包括布局方式和行距和列距)。在进行完组内元件的改变后可重新选中整个组,程序会自动重新布局。

按钮

在资源中可以新建按钮,通过拖拽使其获得每种状态的样式。

列表

在侧工具栏中可以添加。
在项目资源那一栏可以添加选项。
溢出处理可以配合滚动条实现。

进度条

资源里面创建进度条。

滑动条

与进度条类似,多了滑块可以滑动。

滚动条

配合列表使用。

关联系统

与UGUI的锚点类似,被动移动物件上设置关联(可以使用百分比关联)
特别提醒:左右居中关联指的是中线保持相对距离。

装载器

在侧工具栏可以直接生成装载器。装载器的用途是动态载入资源。FairyGUI学习使用_第9张图片
可通过拖拽或复制粘贴URL的方式赋值URL

控制器

控制器的添加在主工具栏下面。
可以用来控制页面的切换,在属性控制里控制页面切换的相关属性。

动效(运动效果)

在控制器下方添加。与Unity中的动画系统类似,通过关键帧来控制物品的移动旋转等属性,勾选tween后可展示出渐变效果否则展示出的为帧与帧之间的直接切换。

FairyGUI的发布和导入unity

将FairyGUI中的物品设置为导出后,右键选中包,点击发布,选好发布地址,点击发布便会提示发布成功。
如果要在unity中使用需要导入FairyGUI官方运行库,该运行库可直接在unity中的AssetStore直接下载导入。FairyGUI学习使用_第10张图片
在unity中选中FairyGUI新建一个UIpanel,属性面板可选择需要导入的包完成导入。

你可能感兴趣的:(unity,unity3d,ui设计)