文字太多时给文本框添加滑动条——text + ContentSizeFitter + Scroll View

文字少的时候，直接显示文字；文字多的时候，自动添加滑动条，拖动滑动条后查看全部文字。

• 1、字少的时候
  

• 2、字多的时候自动增加一个垂直滑动条
  

一、问题的来源

在一个固定区域显示文字，这些文字有时候会很多，有时候又比较少，多的时候需要显示不全，需要滑动条。

• 1、字少的时候
  

• 2、字多的时候自动增加一个垂直滑动条
  

二、实现的方法

1、第一步，Text文本框添加内容自适应组件ContentSizeFitter

【1】设置ContentSizeFitter为垂直方向内容自适应，也就是当内容很多的时候，文本框在垂直方向自己伸展，水平方向保持不变。
【2】一些属性的设置

图示1：设置了该text伸展时，上方不动，往下拓展
图示2：把该text的锚点调节到顶部，不然它默认在text几何中心

2、第二步，添加一个Scroll View组件，这个组件大小刚好覆盖text区域

3、第三步，关联Scroll View和Text【关键一步】

• 1、Scroll view自动伸展的秘诀——Content
  
  插曲： 当Content内容增多的时候，组件自己计算滑动值的大小
  之前绕了许多弯路，拼命在Content里面装这个会伸展的Text，最终以失败告终，后来用代码实时把text的高度赋值给Conten，发现读text高度值的时候，读到的不是扩展后的值。后来突发奇想，直接把Conten换成Text不是更直接吗？

• 2、重置Content的对象

scrollView.GetComponent<ScrollRect>().content = myTexts.rectTransform;
1

重置content后的层级关系图

把text拖到scroll view中，与Content对象同级

• 3 、修正text的位置
  每次Scroll view显示完文本后，发现text文本框的位置会被移动，直接暴力解决，在现实文本前，把把Content的位置赋给text

myTexts.transform.position = scrollView.GetComponent<ScrollRect>().transform.position);//初始化位置
1