UE学习记录02----UMG创建控件模板+事件分发器

**UE学习记录02: UMG 创建控件模板 +事件分发器**

在 UE4 中，UMG（Unreal Material Editor）是用于创建 UI 控件的强大工具。通过使用 UMG，我们可以轻松地创建复杂的 UI 界面，并且可以对其进行定制化。今天，我们将学习如何使用 UMG 创建控件模板和事件分发器。

**创建控件模板**

控件模板是指我们在 UMG 中定义的一种 UI 控件，它可以被重复使用。在 UE4 中，控件模板通常用于创建复杂的 UI 界面。下面，我们将一步步地学习如何创建一个简单的控件模板。

### 步骤1: 创建新项目首先，我们需要创建一个新的 UE4项目。打开 UE4 的编辑器，选择“File” > “New Project”，然后选择“Blank” 模板。在这里，我们将使用 Blank 模板来演示控件模板的创建。

### 步骤2: 创建新 UMG在 UE4 中，UMG 是用于创建 UI 控件的强大工具。我们需要创建一个新的 UMG 来定义我们的控件模板。在 UE4 的编辑器中，选择“Window” > “Unreal Material Editor”，然后点击“Create New” 按钮。

### 步骤3: 设计控件在 UMG 中，我们可以使用各种 UI 元素来设计我们的控件。例如，我们可以使用“Button”、“Text” 和 “Image” 等元素。在这里，我们将创建一个简单的按钮控件。

* 在 UMG 的左侧面板中，选择“Widget Tree”，然后点击“+” 按钮添加新控件。
*选择“Button” 控件，并调整其大小和位置。
* 点击“Properties” 面板中的“Text” 文本框输入按钮的文本内容。

### 步骤4:保存控件模板在 UE4 中，我们可以将我们的控件模板保存为一个 .umg 文件。这样我们就可以在其他项目中重用这个控件模板。在 UMG 的顶部菜单中，选择“File” > “Save As”，然后选择一个合适的位置和文件名。

**事件分发器**

事件分发器是指 UE4 中用于处理 UI事件的机制。例如，当我们点击一个按钮时，UE4 会自动触发相应的事件。在这里，我们将学习如何使用事件分发器来处理我们的控件模板中的事件。

### 步骤1: 创建新 UMG在 UE4 中，我们需要创建一个新的 UMG 来定义我们的控件模板。选择“Window” > “Unreal Material Editor”，然后点击“Create New” 按钮。

### 步骤2: 设计控件在 UMG 中，我们可以使用各种 UI 元素来设计我们的控件。在这里，我们将创建一个简单的按钮控件。

* 在 UMG 的左侧面板中，选择“Widget Tree”，然后点击“+” 按钮添加新控件。
*选择“Button” 控件，并调整其大小和位置。
* 点击“Properties” 面板中的“Text” 文本框输入按钮的文本内容。

### 步骤3: 添加事件分发器在 UE4 中，我们可以使用事件分发器来处理 UI事件。在这里，我们将添加一个事件分发器来处理我们的控件模板中的点击事件。

* 在 UMG 的左侧面板中，选择“Widget Tree”，然后点击“+” 按钮添加新控件。
*选择“EventDispatcher” 控件，并调整其大小和位置。
* 点击“Properties” 面板中的“Event” 文本框输入事件类型（例如“Clicked”）。

### 步骤4: 连接事件分发器在 UE4 中，我们需要连接事件分发器到我们的控件模板中。在这里，我们将连接事件分发器到我们的按钮控件中。

* 在 UMG 的左侧面板中，选择“Widget Tree”，然后点击“+” 按钮添加新控件。
*选择“Button” 控件，并调整其大小和位置。
* 点击“Properties” 面板中的“EventDispatcher” 文本框输入事件分发器的名称。

### 步骤5:保存控件模板在 UE4 中，我们可以将我们的控件模板保存为一个 .umg 文件。这样我们就可以在其他项目中重用这个控件模板。在 UMG 的顶部菜单中，选择“File” > “Save As”，然后选择一个合适的位置和文件名。

**总结**

在 UE4 中，我们学习了如何使用 UMG 创建控件模板和事件分发器。通过创建控件模板，我们可以轻松地创建复杂的 UI 界面，并且可以对其进行定制化。在这里，我们学习了如何创建一个简单的按钮控件模板，并且添加了一个事件分发器来处理点击事件。通过连接事件分发器到我们的控件模板中，我们可以轻松地处理 UI事件。在 UE4 中，控件模板和事件分发器是非常重要的工具，它们可以帮助我们创建复杂的 UI 界面，并且可以对其进行定制化。