zoukankan      html  css  js  c++  java
  • UGUI 字体背景长度自适应

    本文实现以下需求:

    04效果1

    05效果2

    在UGUI中

    Text为动态添加

    要使Text字体背景随着Text的长度而变化

    之前还在赞叹UGUI的强大

    转念一想,UGUI中好像没有可以实现此功能的组件

    也想出了一种办法

    把背景作为字体的子物体

    不过后来想了想

    由于UGUI的渲染顺序

    字体背景就会遮住字体

    故此想法是否定的

    仔细了解了一下后

    UGUI确实可以实现此功能

    首先

    字体为子物体,背景图片为父物体是一定的

    然后

    要使得长度变化

    就得在背景图片(父物体)添加组件

    Content Size Fitter

    Horizontal Fit 设置为Preferred Size

    最后

    再在背景图片添加组件

    Horizontal Layout Group

    Child Alignment设为Middle Center

    并勾选组件上的Control Child Size的Width

    image

    完工

    效果如下图:

    image

    image

  • 相关阅读:
    文件操作回顾
    数据类型回顾
    面向对象三大特性之封装与多态
    面向对象之继承
    轮播图
    jQuery事件操作
    jQuery动画效果
    jQuery篇
    文档对象模型
    javascript
  • 原文地址:https://www.cnblogs.com/fws94/p/7133425.html
Copyright © 2011-2022 走看看