Unity2017探究Laout布局

1.先看一下准备测试的素材:

Unity2017探究Laout布局

                                                             该图片尺寸269*160

2.我们建立一个空节点,加上layout,,如图所示:

Unity2017探究Laout布局

默认两个子节点的大小都是100*100

我们先勾上Child Controls Size的Width,于是:

Unity2017探究Laout布局

如图所示,两个Image的width都变成了269,然后再勾上Heigth,显而易见,两个Image的width都变成了160

3.这时候我们增加Image的个数到四个,观察

Unity2017探究Laout布局

Unity2017探究Laout布局

很明显,Child Contols Size 是在填充父节点的基础上,最大比例的展示自己,再次基础上是由子节点控制大小的。


用上面的方法同理测试Child Force Expand,,可得到勾选Width是为了自适应宽度,勾选Heigth自适应高度,

Unity2017探究Laout布局

同时勾选两个width/heigth则可以填充整个父节点的宽、高。

组合使用这两个则可以得到各种效果。