鹤九日的博客

控制器参考：控制器简介在FairyGUI中控制器是一个很有意思的特性，合理的使用它，可以实现很多的效果。按钮的正常，按下效果实现多个单选按钮与控制器连接，可实现单选按钮组配合单选按钮组使用显示控制器，可以完成点击按钮切换页面使用图标控制器，可以不用在代码中频繁更换资源。改变元件属性相关，比如：大小，颜色，旋转，位置等等改变控制器，可以通过接口： setSelectedIndex建议：如果代码中更换固定内容，推荐使用文本控制器，可以减少元件的创建数目对于装载器使用图标控制器，U

下拉框参考：下拉框下拉框可以理解为按钮和列表的集合。注意：在代码中使用，需要设置默认选项，接口为：setSelectedIndex在代码中使用，点击回调接口的类型为： fairygui.UIEventType.Changed示例：local titles = {"全部", "世界", "系统", "跨服", "个人"}local values = {0, 10, 20, 30, 40}local combox = view:getChild("combox")-- 设置标题com

树参考：树简介树是列表的特例，其本质上还是类似于列表，只是增加了展开/收缩的功能。其代码结构为：#mermaid-svg-PSiSiAWbWZW6PaT1 .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-PSiSiAWbWZW6PaT1 .label text{fill:#333}#mermaid-s

列表参考: 列表简介前面曾说过在cocosStudio中，提供了PageView、ListView、ScrollView、TableView等。在FairyGUI中，这些都可以由GList来实现。列表，它有如下几个特点：列表的滚动容器ScrollPane与列表GList的实现是分离的支持上拉/下拉回调支持虚拟列表的实现，其实现原理类似于tableView虚拟列表的删除，不是通过remove而是通过setNumItems的数目来删除列表支持多选，勾选UI编译器中：选择模式为多选（单击实

组参考：组简介它主要用于布局， 它并不是容器，不支持使用组来addChild。它主要有两种类型：普通组：仅在UI编译器内使用高级组：包含普通组的所有功能，并可以在发布后保留高级组使用较多，重点说明下。它的主要效用有：设置可见性，可用于控制组内所有元件的显示隐藏设定布局, 有三种类型：无，水平布局，垂直布局设定关联性设置属性控制，支持的有: 显示，位置，大小一般情况下，使用普通组/高级组, 可以同时选择多个指定的控件后，点击如下位置即可：注意事项UI编

进度条参考: 进度条注意：进度条的设置支持设定最小值。比如：示例：local imgBar = view:getChild("imgbar")imgBar:setMin(100) -- 设置进度条最小值imgBar:setValue(200) -- 设置进度条当前值imgBar:setMax(300) -- 设置进度条最大值--[[设置标题类型，公有：PERCENT :

帧动画参考：动画生成动画后，不会再对原来的图片产生依赖。后缀名为.jta设定动画的时候，将纹理设定：单独纹理集中从外面导入进来，只需要导入.jta文件即可， 无需再导入图片相关帧动画很少用于动态创建，通常在UI编译器中直接使用不支持点击制作动画示例:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YbGmvaIf-1639497975137)(/Users/wangxuhe/Desktop/ani_1.png)]帧频： 可以设定24， 30， 60播放

图形参考：图形注意：可点击，使用接口为: addEventListener可用于作为背景的遮罩层，类似于LayerColor，防止透点可用于作为自定义遮罩，用于处理不规则点击动态创建，一定要设置图形大小创建矩形示例：-- 如果为全屏的，主要用于作为遮罩层使用local width = display.width -- 宽度local height = display.height -- 高度local lineSize = 0

图片参考： 图片注意:多用于作背景图使用不支持点击，或者更换，如果需要，请使用装载器舞台中图片如果要更换为Loader，可以:选择图片 ->替换元件 -> 选择loader即可大张图片可以双击打开属性， 纹理集选择: 单独NPOT图片如果拉伸，可以双击打开属性， 缩放模式选择: 九宫格一般情况下图片不会进行动态创建， 但是熟悉下常用接口吧：local view = fairygui.UIPackage:createObject("Basic", "De

页面构成在FairyGUI编译器中，游戏界面是由被多个包(Package)构成, 包是有多个组件(Component)组成，而组件的基本元素就是元件(Object)。#mermaid-svg-Haoh0Ud7ebjaGmJB .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-Haoh0Ud7ebjaGmJB

本篇文章主要说下关于UI编译器的使用注意点，以辅助在学习FairyGUI中所造成的困惑。使用的环境： Mac官网：编译器教程UI编译器UI文件结构assets: 包内容放置目录，需要提交到Git中。 其包的显示就是文件夹。组件的显示是.xml文件。如果在assets中添加或者删除文件，为避免错误一定要在编译器中进行刷新。settings: 配置文件目录，需要提交到Git中.fairy : 项目启动文件，需要提交到Git中首选项打开编译器后，点击右上角的FairyGUI-Editor

简介官网：FairyGUIFairyGUI有普通版和专业版的区分，专业版与普通版相比较，仅仅增加了两个方面的限制：关于对Spine等骨骼动画的使用关于对辅助工具查找重复资源和未使用资源的使用在这里真的要感谢下官方没有对FairyGUI添加诸多的收费限制，一般开发使用免费版的即能满足需求。优势专业版提供了丰富的辅助工具， 可以一键查找未使用资源，重复资源相关提供了丰富的组件使用，比如MovieClip, 动效， 控制器，关联系统等简化了对图片组件的使用，如果更换图片直接使用GLoa