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 系列的布局组件有很多,组合起来往往可以达到你想不到的效果。

  • 相关阅读:
    -webkit-line-clamp 多行文字溢出...
    整理一些知识碎片...
    localstorage sessionstorage和cookie的区别
    数据结构 --- Set
    Iterator(遍历器)
    ES6数组方法 -- reduce()
    ES6 -- 展开运算符
    Centos7 + Oracel 18c
    Mysql 查询返回大量数据导致内存溢出
    github的安装和使用
  • 原文地址:https://www.cnblogs.com/xiaoyulong/p/9848023.html
Copyright © 2011-2022 走看看