Unity UGUI Text 中文詳解-Chinar

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: [email protected]

對於經本博主明確授權和許可使用文章及內容的,使用時請註明文章或內容出處並註明網址

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章