Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程-第六天👉关于作者 👉即将学会从头到尾了解并学习

这是我参与8月更文挑战的第22天，活动详情查看：8月更文挑战

👉关于作者

众所周知，人生是一个漫长的流程，不断克服困难，不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考，于是我决定将自己的思考，经验和故事全部分享出来，以此寻找共鸣！！！
专注于Android/Unity和各种游戏开发技巧，以及各种资源分享（网站、工具、素材、源码、游戏等）

👉即将学会

从头到尾了解并学习FairyGUI在Unity平台的应用

👉背景

Unity 2019.x系列

FairyGUI 2021.2系列

👉实践过程

控制器-重点

FairyGUI的核心功能之一，提供了几个需求支持：

分页一个组件可以由多个页面组成。
按钮状态按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态安排不同的显示内容。
属性变化利用控制器，我们可以使元件具有多个不同的形态，并且可以方便地切换。

每个组件可以创建多个控制器，且互不影响

在组件中点击添加控制器会跳出创建框

名称为控制器名称，同一个组件内的不要同名

备注名帮助你理解的注释名，会和下方的导出为组件属性联合使用，勾选导出为组件属性，当你将这个组件拖动到其他的组件上时，右侧属性区会显示

页面你可以理解成状态，既然是控制器，就要控制出效果，比如按钮（滑过/点击/抬起等状态），设置不同的动作效果

你可以单独新建按按钮看看，按钮的上方就有一个默认名为button的控制器，有4个状态（页面）

属性控制创建好控制器后，想要使用她，你选中一个元件，在右侧属性栏会有“属性控制”面板，隔这选择即可。她有显示/位置/大小/颜色/外观/动画/文本等控制。

她还可以实现联动效果：

与按钮联动，当点击不同按钮后，跳转不同页面
与列表联动，就像Android的列表一样点击一个item显示出对应索引的页面
与下拉框联动，效果同上

具体效果我们会在后续的实际案例中学学习

关联系统

不管是前端还是移动端或者PC端，应该都有这种相对布局体系。

比如移动端的相对布局（RelativeLayout）

FairyGUI任何元件可以互相关联，在右侧有关联选项，可以实现布局自适应，对话框自适应，动态变化的内容等。

比如：玩游戏的时候有全屏或者小屏的时候，界面大小修改后UI布局仍然保持的相当好，想想当年天龙八部窗口化UI布局就是这种机制。

按钮和下拉框

常用的基础组件，传统UI框架中的RadioButton、Checkbox、List Item等，在FairyGUI里通通都是按钮。

这里注意下要想改变按钮不同状态的效果，需要先在右侧属性控制中选择控制器

下拉框的创建已经很简单了

提前切好图，按照三部曲即可创建出来，创建好后会有三个文件

Item是下拉框内容item，双击进去后还可以自定义里面的内容

Popup是列表控件，同样可以双击进去自定义

除了在这编辑，列表需求多数都是请求自动变化的，FairyGUI同样支持代码中设置item集合内容，和传统集合一样，要想访问集合中的item通过索引即可从0开始。有一点不同的就是上图的“值”（索引），你不写的话默认从0开始。当你修改后就需要索引值就是你修改的。比如上图，我如果没修改访问叮叮当1 就是getIndex(0)，当时我把值修改为1了，访问叮叮当就是getIndex(1)

还有更多按钮详情(状态分析普通按钮selected属性无效，单选按钮组的多个实现普通按钮方式控制器+单选按钮连接方式)讲解在……，我还没上传，回头小空发布后更新出来链接。