Unity UGUI Text 中文详解-Chinar

15 篇文章 14 订阅

Chinar blog www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文图解)

Unity UGUI - Text 组件


本文提供全流程,中文翻译。

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

使有限时间 具备无限可能

Chinar —— 心分享、心创新!

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

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

Chinar 教程效果:
在这里插入图片描述



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


1

Presentation —— 介绍

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

1.1 Attribute —— 属性

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

Unity Hierarchy 面板上右键–>UI–>Text
举个例子
在这里插入图片描述

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

在这里插入图片描述

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

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

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

Horizontal Overflow —— 水平溢出

Overflow :
在这里插入图片描述

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

Wrap:
在这里插入图片描述

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

来个GIF图,帮助理解
在这里插入图片描述


Vertical Overflow —— 垂直溢出

Truncate :
在这里插入图片描述
Overflow :
在这里插入图片描述

可以看到文本的高度超出了文本框

来一个直观的GIF
在这里插入图片描述


接下来我们看Best Fit (最佳适配) 选项

这个不过多解释,直接上动图
在这里插入图片描述
其中Min SizeMax Size 为最小字号 和 最大字号 , 也就是限制字体大小的范围


2

Use —— 使用

2.1 Font —— 字体

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

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

然后 Font 属性中选择你导入的字体包就行了,也可直接 拖动字体 添加引用
举个例子
在这里插入图片描述


2.2 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;       //字体颜色为蓝色
    }
}

看一下效果:
在这里插入图片描述
至此:您已完美征服了 UGUI - Text

其他组件请继续学习,贴心的 Chinar 为您准备了 UGUI 全套教程

Unity UGUI 完整系列教程 (Chinar中文图解)


支持

May Be —— 开发者,总有一天要做的事!


拥有自己的服务器,无需再找攻略

Chinar 提供一站式《零》基础教程

使有限时间 具备无限可能!

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)


Chinar 免费服务器、建站教程全攻略!( Chinar Blog )


Chinar

END

本博客为非营利性个人原创,除部分有明确署名的作品外,所刊登的所有作品的著作权均为本人所拥有,本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的,请及时和本博主进行联系,留言,Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的,使用时请注明文章或内容出处并注明网址

  • 38
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值