方法1:
把pannel作为text的child,然后给text设置content size filter
fit设置为Prefered size
但是此方法在3d ui里面法线背景盖住了文字,导致文字显得很灰暗。
但是 修改 image type为 Tiled 去掉 fill center 修改 pixels per unit 大小 实现了边框自适应,但是内容是无背景。
![](https://i-blog.csdnimg.cn/blog_migrate/24cc82e0663922ff1bbc3bf3590b34cd.png)
image.png
因此我就利用这个实现描边自适应的效果
![](https://i-blog.csdnimg.cn/blog_migrate/dfc001e0964b57d1c3f7d2bef821eac1.png)
image.png
方法2:
pannel作为父亲,
添加 content size filter 组件 fit设置为Prefered size
添加 垂直或者水平组件Vertical layout Group
勾选Controll child size , Use child scale
这两者相互约束才行。
得到的结果就是 pannel的宽高是禁止编辑的,
![](https://i-blog.csdnimg.cn/blog_migrate/001da54abc14e9a336a5ca4009fda003.png)
image.png
![](https://i-blog.csdnimg.cn/blog_migrate/5b63a9f07a225210cd8269f336b2a2be.png)
I5HS9V)1}GL}FW)YW88U$IL.png
最后是text的pannel
![](https://i-blog.csdnimg.cn/blog_migrate/cd4be990fbbc58a9e6b1fe6bf7dc084f.png)
image.png
left top right bottom和 父pannel的padding值一样。
最后是边框的大小
Pixels per unit multiplier的越小反而边框越大, 但是勾选fill center则不一样,则代表圆角,越小则圆角越大。
![](https://i-blog.csdnimg.cn/blog_migrate/638d7aeca2bfc9e78ba269f64220ba77.png)
image.png