简单图文混排:
- 一张图,一个文本,文本变长,可以将图片往左顶开
- 实现方式: 只需要添加Horizontal Layout Group, 然后勾选上控制子节点的width即可(注: 不需要任何Content Size Fitter)
可滑动文本
-
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 读取这个值 → 自动设置自身宽高。 所以【子物体排列总大小决定尺寸子物体排列总大小决定尺寸】