Unity聊天室的背景随文字对齐

本文详细介绍了如何在SwiftUI中避免冗余配置,通过合理运用ContentSizeFilter、LayoutGroups和LayoutElement,实现背景随文字动态调整、聊天布局优化及头像布局的高效管理。遵循官方建议,解决文字缩放与背景同步问题,提升代码可维护性。

之前还用ContentSizeFilter,今天看官方文档,有些地方是不需要的。

第一种情况:只是做一个背景随文字缩放时。
需要在背景上添加:

1.ContentSizeFilter。
2.HorizontalLayoutGroup或者VerticalLayoutGroup。

在这里插入图片描述
只需打开控制孩子大小,使用孩子缩放可选可不选,孩子强制扩展关闭即可!,ContentSizeFilter根据需要打开水平和垂直。

效果如下:
在这里插入图片描述
第二种情况:就是像聊天室那样的布局。
如下:
在这里插入图片描述
1.如果后面的大背景不需要动态变化就只需添加VerticalLayoutGroup,开启控制孩子大小,关闭强制扩展

2.如果后面大背景需要动态变化,则还需添加ContentSizeFilter,一般都不会动态变化,除非套了多层。

3.每一个聊天的话的背景上添加VerticalLayoutGroup或者HorizontalLayoutGroup即可,不需要添加ContentSizeFilter,同样开启控制孩子大小,关闭强制扩展。而且会

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值