U3D UGUI学习5 - Layout和文字适配 - Html/Css

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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.使用布局得到文字最终宽度和高度

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

Fit to size of TextIn order to make a Rect Transform with a Text component on it fit the text content, add a Content Size Fitter component to the same Game Object which has the Text component. Then set the Horizontal Fit, the Vertical Fit, ot both to the Preferred setting.

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