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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容