UGUI制作聊天

首先基础的是建一个Image,在Image下建一个Text。我这里聊天的左项和右项设置有些不同。
Chat_Left_Image
Chat_Left_Text

Chat_Right_Image
Chat_Right_Text

这样设置完成后的效果,是没有换行的。
所以在多文字需换行时,我会把文字的ContentSizeFitter的horizontalFit设置成ContentSizeFitter.FitMode.Unconstrained
RectTransform 的sizeDeta设置一个固定的宽。这样横向没有自适应宽度后,给定一个固定的宽度,Horizontal Overflow 设置成wrap,Vertical Overflow设置成Overflow,它就会自动换行。

这样一个大概的聊天就出来了。

坚持原创技术分享,您的支持将鼓励我继续创作!