当前位置:网站首页>Unity插件-FairyGUI
Unity插件-FairyGUI
2022-08-02 14:11:00 【莉萝爱萝莉】
1. 准备
- 安装FairyEditor作为该GUI的编辑工具
- 为对应平台安装对应的SDK
2. 基本使用
- 右键资源中的package以新建组件,其功能类似于添加面板。
- 图像文件可直接拖拽进编辑器中以导入。
- 在 文件设置->快捷菜单 中,编辑每行记录来定义多种预设。
3. 组件与元件
- 组件是基本容器,用来显示其他对象,类似于unity中的panel
- 点击面板以外的部分,来对组件进行设置
- 检查器->设计图:作为打底的半透明图,来作为设计时的参考
- 元件是图像,文本等,组合型元件是指如下拉列表等大元件。
4. 检查器
- 轴心:旋转缩放的中心
- 锚点:坐标x:y对应的点
- 不可见:运行时不可见
5. 图形,图片,动画
- 点击图形按钮(第四个)后点击面板添加图片
- 元大小:图像的原生大小
- 双击图形来定义图像的渲染方式:无,九宫格,平铺
- 填充方法:作为条使用时,百分比填充所使用
- 点击上方类似于电影图标的按钮,创建动画
摆动播放:动画会从第一帧运行到最后一帧,然后再从最后一帧运行到第一帧
6. 文本与富文本
- 富文本可以使用位图
在 资源->新建位图字体 中新建一个位图。
导入图片,设置与图片对应字号,来让文本与位图相关联。
在富文本中使用位图字体。
7. 普通组与高级组
- 组合:选中多个元件后点击组合,来将这些元件构建出普通组,在检查器中可将普通组转化为高级组
- 普通组:运行后就会删除外壳,组元件将不存在
- 布局:可以让内部元素水平方式或垂直方式进行布局
8. 关联系统
- 关联可以关联到任意其他组件,保证对方的位置大小信息和对方的位置大小信息相匹配
- 关联选项卡中 左→右 表示自身的左侧与关联物体的右侧位置作为定位,默认是像素大小,勾选百分比后为百分比位置
9. 控制器
- 点击上方的添加控制器按钮,来为组件添加控制器。
- 点击导出为组件属性。创建多个索引来确定不同的状态
- 为元件添加属性控制。设定控制所使用哪些控制器与哪些索引。(切换控制器时之前的控制器选择的索引会被保存)
- 在更多控制里添加控制器在状态改变时控制它们的哪些属性,以及关联的控制器。(似乎每种属性只能关联一个控制器)
- 点击缓动按钮使得状态切换时,元件改变并不僵硬。
10. 动效
- 在视图中启用动效面板,点击加号创建动效
- 右键物品,在菜单中添加需要控制的物体,添加关键帧
- 在关键帧处,选中检查器中的Tween,以在前后关键帧处创建动画
边栏推荐
猜你喜欢

Doubled and sparse tables

Spark及相关生态组件安装配置——快速回忆

STM32LL库使用——SPI通信

【离散化+前缀和】Acwing802. 区间和

Summarize computer network super comprehensive test questions

Exotic curiosity-a solution looking - bit operations

第三十一章:二叉树的概念与性质

How to simulate 1/3 probability with coins, and arbitrary probability?

pygame draw arc

【STM32学习1】基础知识与概念明晰
随机推荐
快速排序
专硕与学硕
学习笔记(01):activiti6.0从入门到精通-工作流的介绍以及插件的安装
富文本编辑
Detailed explanation of Golang garbage collection mechanism
Ubuntu通过apt安装Mysql
二叉树创建之层次法入门详解
推开机电的大门《电路》(二):功率计算与判断
2.登录退出,登录状态检查,验证码
KiCad常用快捷键
MATLAB绘图函数plot详解
动态数组-vector
Win11 system cannot find dll file how to fix
Manifest merger failed : Attribute [email protected] value=
LeetCode 2353. 设计食物评分系统 维护哈希表+set
利用plot_surface命令绘制复杂曲面入门详解
第三十二章:二叉树的存储与遍历
unity-shader(中级)
Fast advanced TypeScript
二叉树的遍历:递归法/ 迭代法/ 统一迭代法(强QAQ)