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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前排高能提醒:这是个深坑!!!!!!! 研究过程:一开始以为InputField添加个滑动条是一个不太难的功能,可...
    ShawnWeasley阅读 7,410评论 0 3
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,509评论 2 59
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,966评论 1 180
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 127,425评论 2 7
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 11,299评论 0 4

友情链接更多精彩内容