Language:
Page Info
Skill Level:
Engine Version:
Share

5.最后一步

在最后这步中,我们将配置 DragWidget(即为拖拽的可视控件)。之后再告知角色蓝图添加 HUD 控件蓝图到视口,并启用鼠标指针,以便查看拖放位置。

步骤

  1. 打开 DragWidget 控件蓝图并用含子 Border缩放框 替代 Canvas Panel

  2. SizeBox 重命名为 WidgetSize,将 isVariable 设为 true,然后勾选 Width OverrideHeight Override

    UpdateDragDrop3.png

    我们将对缩放框的宽度和高度进行设置,使其成为体力条控件的尺寸。

  3. BorderBrush Color 设为 BlackAlpha 设为 0.5,增加些许透明度。

    UpdateDragDrop4.png

    在此例中,我们将用体力条的剪影作为拖放可视物,而将实际的体力条保留在同一位置。

  4. 图表 上拖入 Widget Reference,然后从 Event Construct 连出引线,投射到 HealthBar 获得 Desired SizeBreak Vector

    UpdateDragDrop5.png

    这将提供体力条的尺寸,我们可将缩放框设为这个尺寸。 我们可以手动输入覆写。然而如果修改体力条的大小后,此处我们也需要进行修改。

  5. 拖入 Widget Size,然后按下图所示连接 Set Height OverrideSet Width Override

    点击查看全图。

  6. Content Browser 中的 Content/ThirdPersonBP/Blueprints 文件夹下,打开 ThirdPersonCharacter 蓝图。

  7. Event Begin Play 连出引线,连接 Create Widget(设为 HUD),然后将 Add to ViewportGet Player Controller 连接到 Show Mouse CursorDragDrop19.png

  8. 编译保存,然后点击 Play 按钮在编辑器中进行游戏。

最终结果

在编辑器中进行游戏时,可在屏幕上 点击左键 拖动体力条并放置到新位置。

这只是开始拖放流程的一个元素范例。可能需要进行额外检查,确保玩家不会将控件拖至安全区外,或放在其他控件之上。