FairyGUI学习文档1

目前大概的看了下FGUI,因为以前用的都是UGUI,现在公司要用FGUI,所以加紧学习一下。

最开始,还是推荐去看下菜鸟教程,和网上的初步教程

比如siki的视频:http://www.sikiedu.com/course/139

然后就是FGUI的官网:http://www.fairygui.com/里面有很多的例子和介绍及api。

下面说说自己的学习步骤:

因为学FGUI主要是用到unity中,所以就看了下unity相关的,当然基础的过一遍必不可少。

在元件的面板上的前几个就不解释了,重点说一下效果属性及其后面的:

效果属性:

  • BlendMode 这个提供了一部分的混合选项设置。对于Unity平台,对图片、动画、文字,你可以放心地修改它们的BlendMode。但对于组件,请谨慎使用。组件的BlendMode需要使用到FairyGUI提供的PaintMode技术,目标组件会转化为RenderTexture,再使用混合选项,这会有一定的内存消耗。务必阅读PaintMode

Unity的Blend效果与编辑器中的预览可能会有差别。开发者可以通过使用以下代码重定义混合效果。注意:设置了特别BlendMode的显示对象无法与其他显示对象合并Draw Call。

 

BlendModeUtils.Override(BlendMode.Add,

UnityEngine.Rendering.BlendMode.XX, UnityEngine.Rendering.BlendMode.XX);

  • 滤镜 目前编辑器支持两种滤镜的定义,颜色滤镜和模糊滤镜。对于H5类平台,请谨慎使用滤镜,因为会带来一定的消耗;对于Unity平台,你可以放心地对图片、动画、装载器使用颜色滤镜,这几乎不会带来额外消耗,但对于其他类型的元件,例如组件,请谨慎使用。组件的滤镜需要使用到FairyGUI提供的PaintMode技术,目标组件会转化为RenderTexture,再使用滤镜,这会有一定的内存消耗。务必阅读PaintMode

    注意:设置了滤镜的显示对象无法与其他显示对象合并Draw Call。

Tooltips

当鼠标移到元件范围内时,弹出一个文本提示,移出元件范围后,文本提示自动消失。

  1. 制作一个组件,这个组件的“扩展”属性需要定义为“标签”,以便系统将TIPS文本设置到标签的“标题”属性中。
  2. 打开编辑器主菜单“文件”->“项目设置”,然后在弹出的对话框里选择“预览设置”,右边面板会出现一个“TIPS组件”的设置,将你制作好的标签组件拖入。
  3. 运行时使用代码再次设置:
 

UIConfig.tooltipsWin = "ui://包名/组件名";

自定义数据

可以设置一个自定义的数据,这个数据FairyGUI不做解析,按原样发布到最后的描述文件中。开发者可以在运行时获取。获取方式是:GObject.data或GObject.userData(Cocos2dx、Vision)。

其中的很多基库还是类似于UGUI,使用GComponent来搭建界面视图,Glist,GTextInput,GButton等等来实现功能

其中,必须要进行加包,UIPackage.AddPackage()来实现当前包的使用

最后还是基库没看多少,得继续看看

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在FairyGUI中创建下拉框(ComboBox)时,可以按照以下步骤进行操作: 1. 打开FairyGUI编辑器,并创建一个新的UI页面。 2. 在编辑器的资源列表中,选择一个下拉框组件(ComboBox)并将其拖放到舞台上。 3. 在属性检查器中,可以设置下拉框的大小、位置、默认选项等属性。 4. 右键点击下拉框组件,在弹出的菜单中选择"Edit Items"(编辑项)。 5. 在编辑项界面中,可以添加、删除和编辑下拉框的选项。每个选项由一个文本和一个值组成。你可以设置显示在下拉框中的文本以及对应的值。 6. 在代码中,你可以使用FairyGUI提供的API来操作下拉框。例如,你可以通过`GComboBox`类来获取下拉框实例,并使用`items`属性来设置选项列表,使用`selectedIndex`属性来设置默认选中的索引,使用`value`属性来获取或设置当前选中项的值等。 以下是一个简单的示例代码,展示了如何在FairyGUI中创建和操作下拉框: ```lua local comboBox = UIPackage.CreateObject("包名", "下拉框名") -- 根据实际情况替换"包名"和"下拉框名" comboBox:SetSize(200, 30) comboBox.items = {"选项1", "选项2", "选项3"} comboBox.selectedIndex = 0 comboBox.value = "选项1" comboBox.onChanged:Add(function(context) print("当前选中的值:" .. comboBox.value) end) ``` 在上面的示例中,我们创建了一个名为`comboBox`的下拉框实例。我们设置了三个选项,并将第一个选项作为默认选中项。当选中项发生变化时,会触发`onChanged`事件,并打印当前选中的值。 请注意,上述示例代码是基于Lua语言的FairyGUI API,如果你在其他语言上使用FairyGUI,代码会有所不同。你需要根据具体的开发环境和语言选择相应的API和语法。 希望能对你有所帮助!如果还有其他问题,请随时提问。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值