Unity UI自适应高度

现在有一个需求。我们想要两个组件放到一个固定高度的组件里，然后两个组件还会自动适应高度。

这是两个组件都显示的情况。

1.png

当把黑色的框隐藏的时候绿色框应该自动撑大至粉色的框

2.png

我们想要让绿色的框自适应变化，首先确定肯定是高度被控制，所以我们加入Vertical Layout Group组件，同时设置控制孩子的size

3

但是这样设置有一个问题，那就是它会平分自己的高度给两个image，但是我想image小一点，image(1)大一点怎么办。

我们只需要控制Content的高度随子节点变化而变化，同时给他加一个Layout Element固定一个最小高度
同时两个子节点也需要对应都加上Layout Element固定一个高度，我们需要image小一点所有就给它写死一个固定高度，而image(1)是需要动态变化的所有就给他设置一个最小高度即可。

image.png
image.png
image.png

最终效果如下：

GIF.gif