Unity UGUI 之 Text 控件

介绍

UGUI中的Text 控件是 Unity UGUI 中的一个常用控件,用于显示文本内容。

常用属性

属性描述
Text文本内容
Font字体
Font styleNormal标准字体字体风格
Bold加粗字体
Italic斜体
Bold and Italic加粗斜体
Font Size文字大小
Line Spacing行距
Rich Text富文本支持

见下方代码块补充

Paragraph
Alignment对齐方式水平对齐左对齐、水平居中、右对齐
垂直对齐顶部对齐、垂直居中、底部对齐
Align By Geometry几何对齐根据文本的几何形状进行对齐调整,使文本在视觉上更为准确对齐
Horizontal Overflow水平溢出Wrap(换行)文本超出文本框的宽度时,自动换行
Overflow(溢出)文本可超出文本框宽度并显示在同一行
Vertical Overflow垂直溢出Truncate(截断)超出文本框高度部分内容将不显示
Overflow(溢出)超出文本框高度部分内容将显示
Best Fit最佳适应根据MinSize和Max Size属性值自动调整文本文字大小
Color文本颜色
Material文本渲染材质
Raycast Target是否可被射线检测,只用于显示文本时不勾选
Raycast Padding射线投射范围,为距文本框边界一定距离(可自行设置)的矩形框
Maskable文本是否受到父级Mask组件遮罩效果影响,需要内容部分显示部分隐藏时开启

Rich Text标签

以下为常用标签

<b>文本加粗</b>

<i>文本斜体</i>

<color=red>红色</color>
<color=#ff0000ff>字体颜色,RGBA</color>

<alpha=0.5>字体透明度</alpha>

<size=20>字体大小</size>

<br>换行

### Unity UGUI 基础控件教程 #### Image 控件 `Image` 是用于显示图像的最基本控件之一。通过设置 `Sprite Mode` 和其他属性可以实现不同的视觉效果,比如填充模式、颜色调整等[^1]。 ```csharp using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public Image imageComponent; void Start() { // 设置图片的颜色 imageComponent.color = Color.red; // 更改 Sprite 图像 imageComponent.sprite = Resources.Load<Sprite>("NewSprite"); } } ``` #### TextMeshPro 文本控件 为了更高效地处理文本渲染,推荐使用 `TextMeshPro` 而不是传统的 `Text` 组件。创建该组件的方法是在 Hierarchy 视图中选择 Create -> UI -> TextMeshPro 来完成[^2]。 ```csharp using TMPro; public class TMPExample : MonoBehaviour { public TextMeshProUGUI textMeshProComponent; void Start() { // 修改文字内容 textMeshProComponent.text = "Hello, World!"; // 改变字体大小 textMeshProComponent.fontSize = 48f; } } ``` #### Button 按钮控件 按钮是交互界面中最常见的元素之一。可以通过在 Hierachy 面板右键点击并导航到 UI->Button 来快速添加一个按钮对象。每个按钮默认会附带有一个 `Image` 子项以及一个带有文本标签的 `Text` 或者 `TextMeshPro` 的子物体来展示按钮上的说明文字[^3]。 ```csharp using UnityEngine; using UnityEngine.UI; public class ButtonClickHandler : MonoBehaviour { private Button button; void Awake(){ button = GetComponent<Button>(); button.onClick.AddListener(OnButtonClick); } void OnButtonClick(){ Debug.Log("The button was clicked!"); } } ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值