Unity UI布局多个对象同步长度

在项目中,会遇到需要根据子物体长度改变父物体长度的情况。一般情况下,使用Horizontal Layout Group Content Size Fitter 这两个组件就可以解决,如下图

1.通过设置父对象的锚点可控制向哪边延伸,比如我想让它往右下延伸,而不是像上图往两边延伸的话,将锚点Pivot设置成(0,1),如下图

2.通过控制Horizontal Layout GroupPadding参数来控制文本与边框的距离,如下图

 那么我们如果想要让两个对象一样长的话,那么就需要以下步骤:

1.给他们一个共同的父对象,如上图的“go”。在“go”上添加一个 Vertical Layout Group(Horizontal Layout Group也是可以的),勾选上Control Child SizeWidth。这个参数的作用就是使父物体保持跟子物体同等长度。然后在父物体上挂上Content Size Fitter 组件,Horizontal Fit选择Preferred Size。设置如下图所示

 

 

2.在两个对象上挂上Horizontal Layout Group,勾选上Control Child SizeWidth,Child Force ExpandWidth。这个参数的作用是使子物体保持跟父物体同等长度。(注意,这俩个物体此时已经不需要Content Size Fitter 组件,因为已经由父物体"go"来控制他的尺寸了,所以如果之前带了这个组件,可以移除它)。俩个对象的设置如下图

 这时发现,两个对象已经如我们所想的可以根据他下方的文本长度同时自适应了。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值