Vertical Layout Group这个组件里面有三个/六个属性,在平时使用的时候总是会无法预测其行为,文档上说的也并不清楚,所以打算自己亲身仔细实验一下,然后总结一个报告出来,方便自己以后查阅,同时方便看到这篇文章的人们。
Vertical Layout Group 属于AutoLayout,而AutoLayout的简要说明如下:
The auto layout system provides ways to place elements in nested layout groups such as horizontal groups, vertical groups, or grids. It also allows elements to automatically be sized according to the contained content.
重点是最后一句话:允许Elements自动的根据它的容器设置尺寸。
这就有点儿类似CSS中的flex了。但是不幸的是,事实上在我的开发过程中,自动设置尺寸什么的简直是痴人说梦。
- 现在有一个Content对象,还有一个Panel对象。
- Content身上挂在了VerticalLayoutGroup组件。
- Panel的width和height都设置为100.
Control Child Size
这两个选项勾上以后,Panel的高度和宽度将会消失,但是没有规律,有时候宽度变成10,有时候宽度变成0,但是每次panel的高度都会变成0.
官方文档的说明只有一句话:Control Child Size用于设置是否可以控制它child的宽高。
但是在我看来,这个选项只会让事情变得更复杂。
如果选中checkbox然后再取消,会发现panle依旧不可见,是因为此时panel已经被缩小到看不见了,需要重新给penel设置宽高,也就是说这个选项只会让子元素变小,并不能让它恢复
结论:完全摸不到头脑,不建议使用。
Child Force Expand
这个属性勾选上或者不勾选,对子元素没有任何影响。
官方文档说的是:是否强制子元素填满剩下的空间。但实际上根本不管用。
Use Child Scale
这个属性官方文档压根就没提。
我将panel的宽度scale设置为2(不是width是scale),也就是说宽度变成200了。 然后选上这个,依旧,什么反应也没有。