Unity 为UGUI Text添加滑动条

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

image.png

二、修改竖向滑动条设置

image.png

三、为Content添加Text

image.png

四、再为Content添加ContentSizeFitter

image.png

五、选择适配方向

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;

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

完成后:

image.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值