最近再做一个模仿QQ聊天界面的聊天功能,在开发过程中遇到了一个问题,就是需要将字体的背景气泡自动随着字体长度变化。
经过一番尝试,最终功能如下:
怎么实现的呢?一起来看看吧。
首先将背景图片设为父物体,字体text为子物体;
给父物体添加[kbd]Horizontal Layout Group[/kbd]和[kbd]Content Size Fitter[/kbd]组件,
在[kbd]Horizontal Layout Group[/kbd]中设置Child Alignment为Middle Center,
勾选Child Controls Size里的Width和Height,该选项是令子物体控制其尺寸。
在[kbd]Content Size Fitter[/kbd]中将两个选项都选为 PreferredSize;
Unconstrained:不执行任何调整
MinSize:调整内容的最小大小
PreferredSize:调整内容的首选大小,也就是会自动根据内容来调整大小
这样就可以了!做个测试吧
为了美观,可以设置下背景的padding,这样文字和背景边框之间就会用一定的间隔啦