Unity消息框自适应，通过文字长度来扩展消息提示框【布局】

 如下图：很多游戏商品点击之后，有很多提示介绍，要做出这种效果来。

【这篇主要是记录在当文字多的时候，背景图扩展导致背景框体和箭头图标错误的问题】

这里只是布局，下角标在屏幕左边右边时候偏移的代码这里不介绍。

【操作】

·素材：下角标箭头图，和框体图拼接

·布局好各个image和text，下图可看示例

·文字加上ContentFilter

·文字的父物体，也就是主框体也加上ContentFilter。都设置vertical适应

·下面重要的：

··图片锚点设置，pivot是0-1构成的，但是他是基于百分比的，所以我们得考虑主框在伸缩后的锚点对齐。

·基于此，所以最好是以0或者1这种去设置，然后每次设置position在（0,0），那么无论怎么伸缩都不会偏移。如果是0.1或者0.9这种，那么就会视觉错位

·解决这个办法，写代码不好设置，所以需要再SpriteEdit里面去把锚点设置成要对正的位置。为中心点。

【素材构成：背景框体和下角标】

【布局和text布局参照】

【背景框体布局参照】

【背景框体的SpriteEditor参考】

  【伸缩后错位图】【主要是解决这个问题】