美文网首页
[原创]unity一种基于文字宽度让背景跟文字自适应不用shad

[原创]unity一种基于文字宽度让背景跟文字自适应不用shad

作者: 吉凶以情迁 | 来源:发表于2022-08-11 13:48 被阅读0次

    方法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

    相关文章

      网友评论

          本文标题:[原创]unity一种基于文字宽度让背景跟文字自适应不用shad

          本文链接:https://www.haomeiwen.com/subject/kimcwrtx.html