Unity —— 简单图文混排 / 可滑动文本

0 阅读1分钟

简单图文混排:

  1. 一张图,一个文本,文本变长,可以将图片往左顶开
  2. 实现方式: 只需要添加Horizontal Layout Group, 然后勾选上控制子节点的width即可(注: 不需要任何Content Size Fitter)

image.png

可滑动文本

  • Scroll + TextMeshPro

    • 注: Scroll里面, 是Content在动, 而不是Cell元素自己动;
    • Content动的极限位置就是【上面顶到ViewPort的上边界, 往上滑动Content下边界不超过ViewPort下边界】
  • TextMeshPro 放Content下面

    • 为Content 添加 Content Size Fitter 组件
    • 为Content添加 Layout 组件
      • 勾选Control child size 【Height】
    • 让TextMeshPro的Pivot设置为(0.5, 1)(即从上到下滚动, 所以向下扩展长度)
  • 理解:

    • 谁提供尺寸: 文本, Scroll的Content应该和文本一样大, 保证所有内容都可出现在ViewPort里面
    • Layout可控制文本有多高有多宽就将容器设置到那么宽那么高(见下面Size Fitter)

Content Size Fitter

  • 挂在 【Text】上: Text 组件本身知道自己的文字需要多宽多高 Content Size Fitter 读取这个值 → 自动设置自身宽高。 所以 【自身文字内容决定尺寸】
  • 挂在 【Layout Group】上: 会计算所有子物体排列后的总宽高 ,Content Size Fitter 读取这个值 → 自动设置自身宽高。 所以【子物体排列总大小决定尺寸子物体排列总大小决定尺寸】