打造你自己的道具背包系统：Unreal Engine 4 RPG 系列教程（八）

前端

2023-01-04 22:22:10

道具背包进阶：实现道具拖拽丢弃功能

欢迎来到我们的 Unreal Engine 4 RPG 系列教程的下一章！今天，我们将深入探讨道具背包系统，重点关注让玩家可以将道具从背包中拖拽丢弃的强大功能。

提升玩家交互体验

拖拽丢弃功能极大地提升了玩家与游戏世界之间的交互体验。有了它，玩家可以更直观、便捷地管理背包中的道具，从而实现以下操作：

将不需要的道具丢弃在地面上
将道具移动到其他容器中
将道具赠送给其他角色

借助拖放系统

Unreal Engine 4 提供了一个强大的拖放系统，可轻松实现拖拽丢弃功能。这个系统允许我们将物体从一个地方拖动到另一个地方，非常适合管理道具。

实现拖拽丢弃功能的步骤

接下来，我们将一步一步地指导你如何实现拖拽丢弃功能：

一、启用背包中道具的拖拽

创建一个名为 "InventorySlot" 的用户界面小部件，用作背包中道具槽的表示。
在 "InventorySlot" 小部件中，添加一个名为 "ItemImage" 的图像控件，用于显示道具图标。
为 "ItemImage" 控件添加一个拖拽事件，在玩家悬停鼠标时触发。
在拖拽事件中，将 "ItemImage" 控件的 "bIsDragging" 属性设置为 true，指示道具正在被拖拽。
将 "InventorySlot" 小部件添加到背包中。

二、检测道具是否被拖拽出背包

创建一个名为 "Inventory" 的蓝图类，用于管理背包中的道具。
在 "Inventory" 蓝图类中，添加一个名为 "OnDragDetected" 的事件分派器，在道具被拖拽出背包时触发。
在 "InventorySlot" 小部件的拖拽事件中，添加一个 "OnDragDetected" 事件分派器调用节点。
在 "Inventory" 蓝图类中，创建一个名为 "HandleDragDetected" 的函数，在 "OnDragDetected" 事件分派器触发时执行。
在 "HandleDragDetected" 函数中，获取被拖拽的道具，并将其从背包中移除。

三、丢弃道具

在 "Item" 蓝图类中，添加一个名为 "Drop" 的函数，在道具被丢弃时执行。
在 "Drop" 函数中，将道具从游戏中移除，然后调用 "HandleDragDetected" 函数。

四、移动道具

在 "Item" 蓝图类中，添加一个名为 "Move" 的函数，在道具被移动时执行。
在 "Move" 函数中，获取道具的新位置，然后将道具移动到新位置。

代码示例

以下是用于实现拖拽丢弃功能的一些代码示例：

// InventorySlot 小部件中的拖拽事件
void UInventorySlot::NativeOnDragDetected(const FPointerEvent& InMouseEvent)
{
    Super::NativeOnDragDetected(InMouseEvent);

    // 设置正在拖拽的标志
    bIsDragging = true;

    // 获取被拖拽的道具
    Item = Inventory->GetItem(SlotIndex);

    // 触发 OnDragDetected 事件分派器
    OnDragDetected.Broadcast(Item);
}

// Inventory 蓝图类中的 HandleDragDetected 函数
void UInventory::HandleDragDetected(UItem* DraggedItem)
{
    // 从背包中移除被拖拽的道具
    RemoveItem(DraggedItem);

    // 调用 Drop 函数丢弃道具
    DraggedItem->Drop();
}

// Item 蓝图类中的 Drop 函数
void UItem::Drop()
{
    // 从游戏中移除道具
    Destroy();

    // 触发 HandleDragDetected 函数
    Inventory->HandleDragDetected(this);
}