3.3 KiB
3.3 KiB
WBP_InventoryView
基本信息
- 类型: Widget Blueprint (UserWidget)
- 父类: UserWidget
- 源文件: /Game/Blueprints/UI/Item/WBP_InventoryView.WBP_InventoryView
- 模块: Content
功能概述
WBP_InventoryView 是物品列表显示 Widget,持有 BP_InventoryComp 组件的引用,负责将库存中的物品视图列表渲染到 UI。通过 UpdateListItems 函数刷新列表显示,使用 WBP_ItemViewBox 作为单个物品视图框的子 Widget。
设计用意
WBP_InventoryView 是物品系统和 UI 系统之间的桥梁。它通过 Comp 变量引用 BP_InventoryComp,从中读取 ViewCache 获取物品视图数据,然后渲染到 UI 列表。通过监听 Comp 的 OnViewChanged 委托,它能在库存变化时自动刷新显示,无需手动触发更新。这种设计将数据层(BP_InventoryComp)和显示层(WBP_InventoryView)完全解耦。
职责范围
WBP_InventoryView 负责显示物品列表 UI、监听库存变化并自动刷新、以及提供物品交互的入口。物品数据管理由 BP_InventoryComp 负责,物品存储由 UDefaultContainer 负责。
项目内依赖
| 依赖项 | 关系 | 源文件 |
|---|---|---|
| BP_InventoryComp | 引用 (Comp) | /Game/Blueprints/Playground/BP_InventoryComp |
| FItemView | 显示数据 | Item 插件 |
| WBP_ItemViewBox | 子 Widget | /Game/Blueprints/UI/Item/WBP_ItemViewBox |
对外接口
- 蓝图函数:
UpdateListItems()-- 刷新物品列表显示,从Comp(BP_InventoryComp) 的 ViewCache 读取 FItemView 数据并更新 UI 列表
- 蓝图变量(均为 is_instance_editable):
Bo(bool) -- 布尔标志位,用于控制 UI 显示/隐藏或其他状态Comp(BP_InventoryComp_C*) -- 目标库存组件引用,指向要显示的 BP_InventoryComp 实例。UI 从此组件的 ViewCache 读取物品数据
- 通过 Comp 变量访问的 BP_InventoryComp 接口:
ViewCache(TArray) -- 物品视图缓存,包含 ItemID、ItemType、ItemName、ItemDescription、Icon、ItemDataTextOnViewChanged(动态多播委托) -- 绑定此委托实现库存变化时自动调用 UpdateListItemsCreateItemInternal-- 可用于触发物品创建(通常不直接从此 Widget 调用)
- EventGraph:含 5 个事件和 8 个节点
使用方法
- 作为 UMG UserWidget,被 BP_Hud 的
InvView变量引用(类型为 WBP_InventoryView_C*) - 设置
Comp变量指向目标 Actor 上的 BP_InventoryComp 实例,建立 UI 到数据的绑定 - 在 EventGraph 中绑定
Comp.OnViewChanged委托,每次库存变化时自动调用UpdateListItems刷新列表 UpdateListItems从Comp.ViewCache读取 FItemView 数组,遍历创建 WBP_ItemViewBox 子 Widget 填充列表- WBP_ItemViewBox 作为单个物品的视图框,显示物品图标、名称、描述等信息
Bo布尔变量用于控制 ListView 的条件显示(如空库存时隐藏列表)- 物品系统的数据流向:UDefaultContainer (存储) -> BP_InventoryComp (管理+ViewCache) -> WBP_InventoryView (显示)
用例
- BP_Hud 的
InvView变量引用,作为物品栏 UI 界面 - 通过
Comp变量绑定 BP_InventoryComp,显示玩家或掉落物的物品列表 - 使用 WBP_ItemViewBox 作为子 Widget 渲染单个物品视图