[原创]unity一种基于文字宽度让背景跟文字自适应不用shader实现描边

方法1:
把pannel作为text的child,然后给text设置content size filter
fit设置为Prefered size

但是此方法在3d ui里面法线背景盖住了文字,导致文字显得很灰暗。
但是 修改 image type为 Tiled 去掉 fill center 修改 pixels per unit 大小 实现了边框自适应,但是内容是无背景。

image.png

因此我就利用这个实现描边自适应的效果

image.png

方法2:
pannel作为父亲,
添加 content size filter 组件 fit设置为Prefered size
添加 垂直或者水平组件Vertical layout Group
勾选Controll child size , Use child scale
这两者相互约束才行。
得到的结果就是 pannel的宽高是禁止编辑的,

image.png
I5HS9V)1}GL}FW)YW88U$IL.png

最后是text的pannel

image.png

left top right bottom和 父pannel的padding值一样。

最后是边框的大小
Pixels per unit multiplier的越小反而边框越大, 但是勾选fill center则不一样,则代表圆角,越小则圆角越大。

image.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值