给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;
/// <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
博客介绍了为Text创建滑动条的步骤,包括创建Scroll View、修改竖向滑动条设置、添加Text和ContentSizeFitter等。还提及了优化设置,如竖向滑动条选择autohide、调整Content左右距离等,最后指出字符换行问题需转换空格编码格式。
2万+

被折叠的 条评论
为什么被折叠?



