UGUI

Unity UGUI – Text组件

chinar · 6月14日 · 2019年 546次已读


Chinar —— 心分享、心创新!

我们的初衷是将一种简单的生活方式,带给世人

使有限时间 具备无限可能

Chinar —— 心分享、心创新!

助力掌握 UGUI Text 组件使用方法

为初学者节省宝贵的时间,避免采坑!

Chinar 教程效果

全文高清图片,点击即可放大观看 (很多人竟然不知道)

风雨思年华

科技改变世界,编程颠覆科技!

1 Presentation —— 介绍

Text 组件是 UGUI 中最常用的组件
作用:用来 显示文字并对其进行处理

我们创建一个 Text 组件来看一下它的属性:

在 Unity 的 Hierarchy 面板上右键–>UI–>Text

创建步骤

2 Attribute —— 属性

选中我们创建的 Text 对象,在 Inspector 面板上查看属性

下面看一下每个属性的详细功能

属性 功能
Font 显示文本的字体 如:微软雅黑,宋体等
Font Style 显示文本的样式,有普通,粗体,斜体,粗体和斜体四种选项
Font Size 显示字体的大小
Line Spacing 行与行之间的垂直距离
Alignment 文本的水平和垂直方向的对齐方式
Align by Geometry 使用字形几何范围执行水平对齐,而不是字形度量
Horizontal Overflow 用于处理文本宽度超出文本框的情况的方法,有 Wrap (隐藏)和Overflow (溢出)两个选项
Vertical Overflow 用于处理文本高度超出文本框的情况的方法,有 Truncate (截断)和Overflow (溢出)两个选项
Best Fit 忽略 Size 属性,将文本合适的显示在文本框内
Color 文本的颜色
Material 用来渲染文本的材质

3 Effect —— 效果

其中水平溢出和垂直溢出的两个选项效果:

Horizontal Overflow —— 水平溢出

1 – Overflow :溢出

可以看到文本超出了文本框而且只有一行

2 – Wrap隐藏

可以看到文字都在文本框内,只是显示了一部分,我们可以调节框的大小使文本显示完整 可以看到文本超出了文本框而且只有一行

空间够就换行,不够就只显示有限个数的文字

来个GIF图,帮助理解

Vertical Overflow —— 垂直溢出

1 Truncate :截断

空间够就换行,不够就只显示有限个数的文字,截断其他文字

2 Overflow :溢出

空间够就换行,不够就只显示有限个数的文字,截断其他文字

4 Font —— 字体

想改变文本的字体的话,可以下载一些字体包导入到 Unity 中

Assets 目录下新建一个文件夹 Fonts 用来专门存放字体

然后 Font 属性中选择你导入的字体包就行了,

也可直接 拖动字体 添加引用

5 Dynamic setting —— 动态设置

有时程序实时的对文本做处理

我们可以使用代码动态的设置Text的各种属性

using UnityEngine;
using UnityEngine.UI;


public class ChinarText : MonoBehaviour
{
    public Text TestText; //定义一个Text组件

    void Start()
    {
        TestText.fontSize  = 88;               //设置字体大小为88
        TestText.fontStyle = FontStyle.Normal; //字体样式为普通
        TestText.color     = Color.blue;       //字体颜色为蓝色
    }
}

看一下效果:

6 UGUI 全系列教程


END

欢迎分享、点赞、转载、和链接博客站点或文章,使用时请务必注明文章或内容出处并注明网址。
其它事宜,请与本博主进行联系,留言,Email: ichinar@icloud.com
本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究!

0 条回应