【Unity3D-UGUI系列】（二）Text文本组件详解
推荐阅读
- CSDN主页
- GitHub开源地址
- Unity3D插件分享
- 简书地址
- 我的个人博客
- QQ群：1040082875
大家好，我是佛系工程师☆恬静的小魔龙☆，不定时更新Unity开发技巧，觉得有用记得一键三连哦。
很早就想分享这个系列的文章，但是总是没有机会，最近就将这个系列整理一下，大家一起学习交流。
一、前言
首先，介绍一个UGUI，NGUI是UGUI的前身，Unity开发团队将NGUI的开发团队收到自己开发团队下，并且由此开发了UGUI。
UGUI系统是从Unity 4.6版本后才开始集成到Unity编辑器中。
UGUI的特点：
- 灵活
- 快速
- 可视化
对于开发者来说有很多的优点，比如说：
- 效率高
- 实现效果好
- 易于使用和拓展
- 与Unity编辑器的兼容性高
这是本系列文章的第二篇：
【Unity3D-UGUI系列】（一）Canvas 画布组件详解
【Unity3D-UGUI系列】（二）Text文本组件详解
【Unity3D-UGUI系列】（三）Button 按钮组件详解
【Unity3D-UGUI系列】（四）Image 图片组件详解
【Unity3D-UGUI系列】（五）RawImage 显示纹理组件详解
【Unity3D-UGUI系列】（六）Panel 容器组件详解
【Unity3D-UGUI系列】（七）Dropdown 下拉菜单组件详解
【Unity3D-UGUI系列】（八）InputField 输入框组件详解
【Unity3D-UGUI系列】（九）Scrollbar 滚动条组件详解
【Unity3D-UGUI系列】（十）Slider 滑动条组件详解
【Unity3D-UGUI系列】（十一）Toggle 开关组件详解
【Unity3D-UGUI系列】（十二）ScrollView 滚动视图组件详解
二、Text文本介绍
Text文本，是为了向用户展示非交互式的文本信息。
在Hierarchy视图，选择“UI→Text”新建Text文本：
三、Text文本属性
Text文本组件面板：
| 属性 | 说明 |
|---|---|
| Text | 用于显示的文本 |
| Font | 文本的字体 |
| Font Style | 文本的样式（正常、加粗、斜线） |
| Font Size | 字体的大小 |
| Line Spacing | 文本行之间的间距 |
| Rich Text | 是否支持富文本，富文本是带有标记标签的文本，增强文本的显示效果 |
| Alignment | 文本的水平和垂直对齐方式 |
| Align By Geometry | 是否以当前所显示的文字中获得的最大长宽（而不是字体的长宽）进行对齐。 |
| Horizontal Overflow | 文字横向溢出处理方式，可以选择Warp隐藏或者Overflow溢出 |
| Vertical Overflow | 文本纵向溢出的处理方式，可以选择Truncate截断或者Overflow溢出 |
| Best Fit | 忽略Font Size设置的文字大小，自适应改变文字大小以适应文本框的大小 |
| Color | 文本的颜色 |
| Material | 用来渲染文本的材质，可以通过设置材质，让文本拥有更加炫酷的效果。 |
| Raycast Target | 是否可以被射线检测，通常情况下可以关闭，因为文本最好只用来显示。 |
属性没有太多很难的理解的地方，只要多操作一下就可以理解。
下面主要说一下使用Text中遇到的问题。
四、Text常见问题解决
4-1、通过代码改变Text文本颜色
这个通过代码改变Text文本颜色有两种方式，一种就是在代码中进行文本颜色的修改，第二种就是开启富文本，然后加入标签代码来改变Text文本颜色。
第一种：通过代码修改字体颜色
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class TextColorChange : MonoBehaviour
{public Text text;void Start(){text.color = new Color(129 / 255f, 69 / 255f, 69 / 255f, 255 / 255f);}
}
给文本的color属性赋值就可。
第二种：通过标签代码修改字体颜色
改变Text文本的字体的大小也是同理，就不再演示。
4-2、文本不显示
文本不显示的问题有很多中情况，这里只说明常见的几种情况，如果你的情况不在其中可以跟我联系。
第一种：遮挡
可以看到Image在Text下面，Image又比Text大，就挡住了Text，这种情况可以调整两个的位置，或者让Text在Image的层级下面即可（谁在下谁后渲染，也就是一层一层渲染，最后一层反而在最上面）。
第二种：字体颜色与Image颜色相同
这种情况，虽然Text在最下面，但是颜色跟Image一样都是白色，就显示不出来了，可以改变两个UI的颜色不同，就可以显示了。
第三种：字体超过文本框
这种情况虽然已经颜色不同，而且Text在最下面，还输入文字，还是不显示，最主要是Text的文字太大了造成的，通过修改Font Size文字大小，或者调整文本框的大小即可解决。
第四种：屏幕分辨率造成Scene和Game窗口显示不同
就像这样，在Scene窗口可以显示：
在Game窗口不显示：
这个就是因为屏幕分辨率的问题，造成UI无法正常显示在Game视图中，可以通过修改Canvas的Canvs Scaler组件的属性来解决：
4-3、文本不显示内容
可以看一下是不是文本的字体丢失了：
4-4、换行问题
在代码中使用换行符"\n"是可以的：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class TextColorChange : MonoBehaviour
{public Text text;void Start(){text.text = "11111111\n666666666" ;}
}
但是在Text的文本框中就不可以了：
这是因为，在文本框中的"\n"自动识别为"\n"，这时候就需要用代码控制一下：
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;public class Test : MonoBehaviour {public Text myTest;public GameObject myText;void Start () {myTest = myText.GetComponent<Text>();myTest.text = myTest.text.Replace("\\n", "\n");}
}
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！