利用scale9sprite制作动态聊天背景

先上效果图

首先创建Scale9Sprite然后设置设置一个比较重要的属性

auto pScale9bg = ui::Scale9Sprite::create();

pScale9bg->setCapInsets(Rect(10, 10, 14, 19));

效果图如下

黄色区域就是Rect(10, 10, 14, 19)设置的区域，这样就确定了scale9sprite在缩放时使用的四个边角，可以不失真的缩放。

完了就设置scale9sprite的区域大小

  pScale9bg->setPreferredSize(Size(pTxtContent->getContentSize().width + 50,59));

pTxtContent->getContentSize().width这个是你的聊天文本内容标签的显示宽度

大概方法就这样了。