【虚幻5】虚幻UMG（UI界面）学习笔记（二）-富文本设置

一、前言

富文本的创建和设置资料，请查看官方文档：

示例

如上图所示，富文本控件可以在文本内容中同时展现图片和不同字体字号的文字。

文本使用2种标签格式：

文本 = <字体行命名>内容</>
图片 = <img id="图片行命名"></>

富文本所使用的文本数据表格（RichTextStyleRow）可以理解为一个包含多组不同文本格式设置的预设模板集合。
而富文本控件，则通过标签来引用预设模板中对应的文本格式。如下图所示

参考示例1

参考示例2

要在富文本控件中显示图片，需要额外做一些设置，否则直接使用图片标签，并不能正确显示图片，如下图所示

无法正确显示图片的情况

富文本图片是通过“装饰器类”的方式额外添加到富文本控件细节中的。

装饰器类

点击索引一行中右边的＋号按钮，可以创建一个装饰器蓝图。
创建并保存完毕后，打开该装饰类蓝图，在类默认值右侧细节中的图像集，选择你创建好的富文本图像数据表格。

创建装饰器类

编译并保存后。就完成了富文本图像的引用流程。

已经创建好了的情况

关联说明

上述引用和设置无误时，文本中使用图片标签，在编译后，会自动正确显示图片

展示效果

乱码

检查设置

富文本控件首次添加到UMG窗口中，输入了文本内容但显示乱码。表示未正确添加“文本样式集”和进行编译
只需要正确添加之前创建好的文本样式数据表格。再点击界面蓝图左上方的编译按钮，即可正确显示文本。