zoukankan      html  css  js  c++  java
  • UGUI小技巧之Text随文本内容自动变化大小

    看了网上很多帖子,都是说在 Text 上面加上 Content Size Fitter 组件,并将对应的轴向改成 Preferred size 就可以实现 Text 大小随着文本内容自适应,如下图:

    这样的确能够实现自适应,但是你会发现 Text 是上下或者左右同时扩容,这种效果并不一定能够满足我们的需求,如果我们只想向上或者向下扩容怎么办呢?

    这时我们就需要去设置 Text Rect Transform 组件的 Pivot 的值,如果我们只想向下扩容,就将 Pivoty 值 修改为 1,如下图:

    其他方向依次类推,修改 Pivot 即可。

    这时有的同学可能又会发现,虽然 Text 自动扩容了,但是如果我们给 Text 加上一张背景图后,背景图并不会跟着自动扩容,是不是很尴尬,如下图:

    看到这种情况是不是头大,怎么解决呢,让我来教你:

    这时我们给背景图加上 Content Size Fitter 组件和 Vertical Layout Group 组件,并将 Vertical Layout Group 组件的 Child Controls Size 属性的 WidthHeight 都勾选上,接下来就是见证奇迹的时刻:

    你学会了吗?Unity 的 Lyaout Group 系列的布局组件有很多,组合起来往往可以达到你想不到的效果。

  • 相关阅读:
    MariaDB日志文件、备份与恢复
    实例讲解ip地址、子网掩码、可用地址范围的计算
    Nginx配置文件、优化详解
    Centos系统的升级
    编译安装nginx
    虚拟化云计算的相关概念汇总
    ELK日志管理
    Kubernetes 监控
    用 ConfigMap 管理配置
    K8s管理机密信息
  • 原文地址:https://www.cnblogs.com/xiaoyulong/p/9848023.html
Copyright © 2011-2022 走看看