UE5 小知识点 —— 02 - UI 控件介绍

目录

一、控件介绍

1.1 通用

1.1.1 Image

1.1.2 Text

1.1.3 Button (可交互)

1.1.4 Check Box (可交互)

1.1.5 Slider (可交互)

1.1.6 Progress Bar

1.1.7 Border

1.1.8 Rich Text Block

1.2 输入

1.2.1 ComboBox (可交互)

1.2.2 Text Box (可交互)

1.2.3 Editable Text (可交互)

1.2.4 Spin Box (可交互)

1.3 面板

1.3.1 尺寸框（Size Box）

1.3.2 覆层（Overlay）

 1.3.3 水平框（Horizontal Box）

1.3.4 垂直框（Vertical Box）

1.3.5 滚动框（Scroll Box）

1.3.6 包裹框（Wrap Box）

1.3.6 控件切换器

1.3.7 统一网格面板

1.3.8 网格面板

1.4 特殊效果

1.4.1 Background Blur

1.5 图元

1.5.1 Spcer

---

一、控件介绍

1.1 通用

1.1.1 Image

1.1.2 Text

【内容】-【Text】中填写文本（Shift + Enter 实现换行）。

更换默认字体。

导入后会出现两个文件。字体样式 可以理解为原文件，字体 可以理解为 UE5 能够识别的文件。

如果我们继续导入，我们需要进行如下设置。（其实一般导入 1 ~ 2 个就够了）

然后我们在 字体 中进行添加。

最后选择自己想要的字体即可。

1.1.3 Button (可交互)

常规用法：

SizeBox ——> Overlay ——> Button ——> Overlay ——> Image

【补充】Color and Opacity 控制按钮子级；Background Color 控制按钮本身。个人理解在这里调整透明度更简便。

1.1.4 Check Box (可交互)

未勾选状态 和 勾选状态我们都可以赋予图片。

想象一个场景，我们正在播放一个视频，中间有一个正在播放的标识，我们点一下变成暂停，再点一下变成正在播放。

1.1.5 Slider (可交互)

我们可以改变滑条和滑条拇指的样式。

我们通常会用到 Value Change 事件。

</