FGUI使用方法（二）：创建UI，下拉框，UI排版，避坑细节

第一步：

1：右键包，新建组件/新建文件夹都可以，跟Unity差不多，这个你应该会…吧。
2：组件名称，你可以把它幻想成是Unity的Panel UI面板，所以命名…最好形象点。例如首页…index
3：大小看你设置了，自己规化用一个例如我1920*1080（不要太纠结），后面会教自适应。

第二步：

这时你要的Compoment就创建出来了。

这一整排的UI，全去试试，一边看文档一边试。
https://www.fairygui.com/docs/guide/index.html
再多看一个关联系统。
这些没法讲，要讲太长，你们看文档就会了，往下我会说些文档没说清楚或者没讲的细节（避坑板）

——————————————————看完文档再来————————————————

1.第一个坑，UI排版*

看完了关联系统你们就应该看得懂这个图了，左边这个是一个三角形，右边是两个三角形的组合，有高级组，点”+对其他原件“选择左边的一个三角形，然后这个时候，你移动三角形，组件会跟着移动。

那么用text是不是也一样呢，对的，在编辑器里面是这样的，例如你text会变化，看图吧。


此时会发现，当你富文本或者输入框，进行换行的时候，这个底会向下延申，那么高级组的两个三角形也会向下移动，在Unity显示也是这样的。
重点来了！！
但是如果我们把Text变成了组合，然后根据元件的变化进行“顶对底”。

这个时候你会看见“第三行”扩大了组合的大小，并且，三角形组合也会根据组合的变化而变化位置（顶对底）。这看起来很正常，但但但是。这个组合刚开始那一瞬间，你添加第三行的时候会发现，一个奇怪的现象如下图，

也许这个异常可能你觉得没关系啊，但是，如果你在Unity中使用，那就会发现，它不会回复正常！一直处于重叠状态！这时你想要的UI跟着组件的变换而变换的效果就失败了，那么这个的解决方案如下图：

这个时候就不根据text的组合变化来，而是根据n4的Text变化而变化，这样就能避开这个BUG了。

1.第二个坑，下拉框*

创建一个下拉框，无脑下一步

这个时候你会发现，无论你怎么改这个都没用。它跟unity不一样，我们自己写一个我们可以看到下拉框内子物体背景的大小，但是这个不会，它一直就跟上面图的一样，就只有那么一点点！

那是因为你少了赋值，这个文档写的不详细，如果用平时做UI惯性思维去做，会被搞到头大。

还有个本来想讲List列表的坑的，不过这个list有点太坑，文档写的更少，所以单独写。
这里我讲了下拉框，剩下的几个，客官先去看多另外一排的文档

红线是重点。