[原创]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

text作为child ,并再给一个pannel
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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文参考@李实 前端是什么 相关软件 作者使用的操作系统是 Mac,读者也可以用 Windows,操作使用不会有明...
    张Piers阅读 4,090评论 0 0
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,805评论 1 32
  • Canvas 渲染顺序 遵循刷油漆规则(画家算法) 依次由Render CameraDepth值、Sorting ...
    沉麟阅读 5,468评论 0 0
  • ImageMagick学习之 The Definitive Guide To ImageMagick The De...
    焉知非鱼阅读 5,180评论 0 2
  • 一、CSS中的属性和取值 1.文本类属性: text-align属性:此标签内容的水平对齐方式,内容须为具体文字/...
    刘远舟阅读 3,576评论 0 1