记录一些小技巧 ，借此机会重新开始写作 .这里提供两种思路，最后建议将这两种做法结合一下 可以做成类似微信聊天气泡的效果。

有两种方式来实现了聊天气泡，第一种是自己去计算当前文字的宽度，然后控制背景气泡进行宽度与高度的缩放。参考代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
private void BubbleFormate()
{
//            MainContent.GraphicUpdateComplete();
    
    if (MainContent.rectTransform.sizeDelta.x > MainContent.preferredWidth)
    {
        MainContentBG.rectTransform.sizeDelta =
            new Vector2(
                MainContentBG.rectTransform.sizeDelta.x -
                (MainContent.rectTransform.sizeDelta.x - MainContent.preferredWidth),
                MainContentBG.rectTransform.sizeDelta.y
            );
    }
    else
    {
        int temp_width = 0;
        var rawContent = MainContent.text;

        for (int i = 0; i < MainContent.text.Length; i++)
        {
            MainContent.font.GetCharacterInfo(MainContent.text[i], out temp_info, MainContent.fontSize);
            temp_width += temp_info.advance;

            if (temp_width >= MainContent.rectTransform.sizeDelta.x)
            {
                rawContent = rawContent.Insert(i, "\n");
                temp_width = temp_info.advance;
                
                MainContentBG.rectTransform.sizeDelta = new Vector2(
                    MainContentBG.rectTransform.sizeDelta.x,
                    MainContentBG.rectTransform.sizeDelta.y + MainContent.preferredHeight
                );
            }
        }
        MainContent.text = rawContent;
 
    }
}

第二种方式是使用 Layout 布局进行规范

最后我建议使用这两者的结合，在控制宽度的时候不加限制，自己判断宽度然后动态的添加换行符。

这样的好处是能控制文本框的长短，做成类似微信聊天这种 消息长的话 气泡就会变长，反之亦然。