Unity 为UGUI Text添加滑动条

给Text创建滑动条还是蛮简单的。
一、首先创建一个Scroll View,然后删除横向滑动


image.png

二、修改竖向滑动条设置


image.png

三、为Content添加Text


image.png

四、再为Content添加ContentSizeFitter


image.png

五、选择适配方向


image.png

六、完成


image.png

完成了以上步骤就算是实现了功能,可以实现Text的拖拽了,下面我们来研究一些优化设置:
一、基础设置一下,竖向滑动条建议选择autohide


image.png

二、修改Content的左右距离稍微空一些出来(竖向滑动条如果不选择autohide这边设置可能会有问题需要代码动态修改)


image.png

三、修改Viewport的顶和底


image.png

四、如果不需要弹的效果可以在这里关掉


image.png

五、一些字符会自己换行,其实这是另一个问题了


image.png

这里是因为空格的编码格式需要转换一下,用一个小脚本在赋值文字之前把空格都替换掉,比如:

using UnityEngine;
using UnityEngine.UI;

/// 
/// 修复InputField输入时因空格引起的换行显示错误问题
/// 
public class TextFixSpace : MonoBehaviour
{
    //代替空格的空格符
    private static readonly string no_breaking_space = "\u00A0";
    private Text m_Text;
    void Start()
    {
        m_Text = GetComponent();
        // 修复空格符
        m_Text.text = m_Text.text.Replace(" ", no_breaking_space);
    }
}

完成后:


image.png

链接: https://pan.baidu.com/s/10BYt64XHXoi--NNuhylKOw 提取码: 3uku

你可能感兴趣的:(Unity 为UGUI Text添加滑动条)