👉即将学会
从头到尾了解并学习FairyGUI在Unity平台的应用
👉背景
Unity 2019.x系列
FairyGUI 2021.2系列
👉实践过程
组件-重点
组件是什么？
你点击资源->新建组件，看看出现什么
这不就是舞台（中央操作区）做布局用的吗？没错，组件就是布局，可以理解为组件就是Unity中的Canvas，Android中的xml布局，那既然是布局，就可以封装布局（封装组件），所以：
- 组件可以包含多个元件（布局里面可以包含多个控件），比如舞台中有按钮图片等
- 组件可以包含组件（布局可以嵌套布局），比如复用性较高的控件封装一个组件，在主组件中拖入使用
- 组件封装后，可以把她整体又当成一个元件
啊，这关系好乱啊，不过仔细想明白后，对FairyGUI的理解就顺畅多了。
来看看组件的属性：
- 同时作为锚点 勾选这个选项后，元件的原点位置将设置为轴心所在的位置。默认情况下，每个元件的(0,0)都是在左上角；勾选了轴心同时作为锚点后，则元件的(0,0)在轴心的位置。Unity中默认是中心为锚点，这是左上角，保持默认即可。
- 溢出处理 设置超出舞台矩形区域的内容怎么显示，有可见，隐藏，垂直/水平/自由滚动
- 自定义遮罩 详情看下面遮罩内容
- 点击穿透 比如带有透明区域的png图片，默认情况下，空白区域点击事件照样触发，勾选后，透明区域不再响应事件，若项目中需要多个带有透明的PNG重叠且各自触发事件，建议勾选，因为不勾选，虽然能够看到下一层的图片效果，但是点击事件被第一层的透明区域拦截了，无法下发到下一层PNG上。
- 扩展 详情看下方扩展介绍
- 设计图功能 显示在舞台上，做布局的时候可以参考整体的UI图，就像印着写字帖一样，更快速，更精准的布局，甚至都不用UI进行尺寸标注
自定义遮罩
普通遮罩
可以设置组件内一个图片或者图形作为组件的遮罩。
当使用图形（Graph）作为遮罩时，有图形的区域内容可见，例如，一个圆形，则圆形区域内可见，其他区域不可见。
当使用图片作为遮罩时，图片内透明度为0的像素对应区域的内容不可见，反之可见。超出图片区域的内容不可见。
反向遮罩（挖洞）
效果和正常遮罩相反，也就是可见的区域变不可见，不可见的区域变可见。
使用图形（Graph）作为遮罩时，有图形的区域内容不可见，例如，一个圆形，则圆形区域内不可见，其他区域可见。
使用图片（Image）作为遮罩时，图片内透明度为0的像素对应区域的内容可见，反之不可见。超出图片区域的内容可见。
![]( "点击并拖拽以移动")
扩展
这个功能就相当有意思了，刚才我们说了，中央操作区也是一个组件，一个组件就相当于一个页面，一般都是只有一个主页面，当你的页面复杂或者想要分开管理的时候可以创建多个组件，然后放到一个组件里，将这个组将当成主页面。当某个组件（页面）复用性高的时候，这种方法很有用。
Android里面布局代码过多的时候，通常都会提炼出一个布局，或者复用性较高的布局提炼出来（比如APP的标题栏复用很高），这样后续其他布局使用的时候直接使用include关键字直接引入布局，相当便利。
当你选择扩展为“按钮”的时候，会发什么效果？
修改保存后妥妥的发现组件的图标变成了按钮的图标；
这时候我就产生疑问了：难道按钮进度条这些都是用组件封装的？
我选择不同的扩展，保存后发现组件的图标会对应修改，表现出的效果相当明显了
- 按钮/标签/进度条/下拉框等功能都是组件修改封装而来
- 组件就相当于基类，你想要实现其他功能，可以在组件上进行修改封装，之后在主组件（主布局）中使用
- 元件包含基础元件/组合型元件/特殊元件，是官方已经封装好的控件，上面元件有分类，组件就包含元件里面的组合型元件，组件还可以凭你的想象自由组合成新控件
滚动容器
对组件或者列表设置了“溢出处理”为“水平滚动”、“垂直滚动”，“自由滚动”后，组件或者列表即成为滚动容器。点击“溢出处理”旁边的
- 触摸滚动效果 是否允许用户直接拖拽滚动区域内的内容。一般在移动平台上使用，PC上较少，PC上一般需要拖动滚动条，或使用鼠标滚轮。
- 滚动条组件 设置滚动条资源。一般不需要设置，全局有一个设置，在主菜单“文件->项目属性->默认值”里。如果你要使用不同于全局设置的滚动条资源，那么在这里设置。
- 下拉/上拉刷新组件 设置上拉刷新或下拉刷新时需要显示的组件。一般是你封装好的组件
- 页面模式 以视口大小为页面大小，每次滚动的距离是一页。一般在移动平台上使用，PC上较少，拖动滚动条进行滚动操作与这个模式冲突。
- 禁用裁剪边缘 一般情况下，视口不包括边缘设置的部分，也即是容器设置四周的留空部分也会被裁剪。如果需要，可以勾选这个选项，使容器四周的留空部分不被裁剪。
- 浮动显示 勾选后，滚动条不占据视口的位置，而是直接覆盖在视口上面。例如一个适用于手机的滚动条，它是细条且半透明的，只在滚动时才显示出来，用于提示滚动位置。那么我们把它设置为“浮动”，这样就不会挤占视口的显示空间。
👉其他
📢作者：小空和小芝中的小空
📢这位道友请留步☁️，我观你气度不凡，谈吐间隐隐有王者霸气💚，日后定有一番大作为📝！！！旁边有点赞👍收藏🌟今日传你，点了吧，未来你成功☀️，我分文不取，若不成功⚡️，也好回来找我。
