Unity插件-FairyGUI

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

莉萝爱萝莉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值