U3D UGUI学习5

Layout这部分UGUI算是比NGUI做的到位

之前遇到了一个问题，NGUI做文字和背景框适配和容易，绑定一下就好了。UGUI你得弄Layout才可以，而且还需要配置。

但这个Layout使用场合是真的不多。。

1.简介：

Content Size Fitter

这个是width/height = target的形式，宽高被动赋值。

Aspect Ratio Fitter

高度放大，宽度放大

Layout Groups

用来设置Min，Preferred，Flexible三项属性的约束，似乎不支持子层级

Layout Element

实时预览排列结果?

Horizontal Layout Group,Vertical Layout Group,Grid Layout Group

三种自动布局类型

2.三种排列布局类型(Horizontal Layout Group,Vertical Layout Group,Grid Layout Group)

NGUI里自动布局用的是Grid和Table，Grid是统一宽高，Table是动态宽高，但最蛋疼的是在编辑器状态下无法实时预览。

UGUI在这方面处理的还不错，可以实时预览了，三种布局传达的也很清晰明了

其实用起来还可以，也不用多说什么，上手就能用吧。

2.使用布局得到文字最终宽度和高度

官方文档中给出这么一段：

提到Content size fitter绑定给文本框，就可以把布局绑定过去。

的确如此，但这样还有一个问题。必须依赖手动换行，不能自动换行。

这时候就要用到Layout Element了：

让它对宽度进行约束。这样再绑定宽度和高度，就可以和背景框适配了。。。