游戏背包系统，“Inventory Pro插件”，研究学习-----妈妈再也不用担心我不会做背包了（Unity3D）

总体来说目前的UIWinow和UIWindowPage更像是容器Panel或者Group不像是窗口，等以后的Demo中有复杂的再学习吧。

4、如何通过键盘唤起窗口

这个比较简单用到了U3D的输入输出模块，关键代码如下：

///

功能点：

1、实现了两个窗口，通过点击键盘I来，打开或者关闭窗口也就是Toggle功能

2、装备窗口中的物品栏空格数量动态生成可控，可以在属性窗口手动配置

3、窗口具有拖拽功能

4、窗口物品具有拖拽，及窗口间拖拽

5、可以在窗口使用物品的功能，物品有消耗扇形显示功能

6、通用窗口的类体系结构

具体的插件使用和功能已经在上篇中说明了这里就不多说了

1、本篇重点分析 6通用窗口的类体系结构，类组织和类图如下所示：

类的继承体系结构这里就说了，在第一篇有可以自行查阅

类的引用关系、核心字段和方法已经在类图中标记的很清楚，用简单的几句话说明下，装备窗口中的每个格子是由一个空格子具有背景的UIItem和InventoryItemBase Model组成的，而整个装备窗口是一个InventoryUI，该类继承了ItemCollectionBase类，也就是说它是具有一组UIItem的装备集合窗口，添加上UIWindow组件、DraggableWindow就具有了普通窗口的拖拽移动和显示关闭的功能了。

2、装备窗口中的物品栏空格数量动态生成可控，可以在属性窗口手动配置

如何实现动态装备窗口主要有两个核心技术：一个是UI中的自适应排列，也就是Grid layout Group组件；一个是U3D的prefab实例化技术

动态初始化Cell数据核心代码如下

protected virtual void FillUI() { if (manuallyDefineCollection == false) { items = new InventoryUIItemWrapperBase[initialCollectionSize]; // Fill the container on startup, can add / remove later on for (uint i = 0; i < initialCollectionSize; i++) { items[i] = CreateUIItem(i, itemButtonPrefab != null ? itemButtonPrefab : InventorySettingsManager.instance.itemButtonPrefab); } } else { for (uint i = 0; i < items.Length; i++) { items[i].itemCollection = this; items[i].index = i; } } } protected T CreateUIItem(uint i, GameObject prefab) where T : InventoryUIItemWrapperBase { T item = GameObject.Instantiate(prefab).GetComponent(); item.transform.SetParent(container); item.transform.localPosition = new Vector3(item.transform.localPosition.x, item.transform.localPosition.y, 0.0f); item.itemCollection = this; item.transform.localScale = Vector3.one; item.index = i; return item; }

是不是很简单 initailCollectionSize是InventoryUI基类的一个共有field也就是说这个装备格子的数量，这个可以根据自己设计的装备窗口手动设置，然后根据这个循环调用CreateUIItem泛型方法通过，GameObject.Instantiate动态实例化预设装备格子对象，并设置Parent和位置

自己在学习的过程中，虽然读了源码过了几天来写教程，还是有点不清楚，不能亲车熟路（这也许就是读与写的区别吧），给自己提出了几个问题，在重新去翻代码之前先给自己提出几个问题：

1、拖拽的事件发起者应该是那个类？

2、拖拽的事件的Drag是如何确定下方的UI元素的？

3、拖拽后的逻辑操作，应该由哪个类来承接？

4、窗口与窗口之间的拖拽，既有Drag又有Drop，如何更加合理的解决这个问题？

5、窗口间物品拖拽的以及同窗口物品拖拽的逻辑流程是什么？

A1 拖拽的事件发起者应该是那个类？：拖拽的发起者必须是UI元素这点是必须的，目前涉及的UI元素有两种一种是窗口容器，一种数据装备格元素，显然装备格元素更有优势，因为少了一层定位逻辑判断，Drag事件直接发起,还可以做Move的相关逻辑，这里Inventory Pro2也确实是怎么做的（这里初次接触UGUI的同学可能要去学习下相关的事件系统，这里就不多说了），这里InventoryUIItemWrapper就是装备格的基类，这里继承了UGUI的相关UI事件，IBeginDragHandler, IEndDragHandler, IDragHandler, IPointerUpHandler, IPointerDownHandler, IPointerEnterHandler, IPointerExitHandler，这么多接口也预示着代码并不简单

这些就是接口实现函数，把他们都弄明白了也就明白了如何实现拖拽

A5 窗口间物品拖拽的以及同窗口物品拖拽的逻辑流程是什么？：先回答这个问题比较合理，在过去的winform的拖拽中并没有这么多接口可以实现，但是我相信拖拽操作的本身逻辑应该是不变的，也就是几个步骤，

1）在物品上点击鼠标左键（记录鼠标点击的元素）->

2）在鼠标不up，且move事件中确认了拖拽开始（Drag事件） –>

3） mouse Move事件中获得鼠标下的元素->

4）mouse up 事件触发Drop，判断鼠标位置及鼠标下元素是否可以drop如果可以进行Drop逻辑至此，这个拖拽操作结束

技术原型就是这么简单。下面看看Uintiy3d ugui Inventory Pro是如何实现的,又读了一遍代码，深深的有体会到了一把，“原理很简单，现实很残酷”，这还是在ugui为我们做了一些封装的情况下，这里其实涉及的函数其实有5个

OnPointerEnter：确定了点击了那个UI元素，对应1）

OnBeginDrag：开始拖拽，对应2）

OnDrag：拖拽中，对应3）

OnEndDrag：结束拖拽，对应4）

OnPointExit：清空选中元素，恢复默认值

具体代码比较多这里不再展开说了，这里庆幸的是，Inventory Pro对拖拽的逻辑进行了封装，在InventoryUIItemWrapper中接口实现函数中，主要做的参数舒适化，主要关于UI的逻辑代码封装在了InventoryUIUtility类中，

以下是主要接口实现函数的代码

public virtual void OnBeginDrag(PointerEventData eventData) { if (itemCollection == null) return; if (item != null && eventData.button == PointerEventData.InputButton.Left && itemCollection.canDragInCollection) { // Create a copy var copy = GameObject.Instantiate(this); copy.index = index; copy.itemCollection = itemCollection; var copyComp = copy.GetComponent(); copyComp.SetParent(InventorySettingsManager.instance.guiRoot); copyComp.transform.localPosition = new Vector3(copyComp.transform.localPosition.x, copyComp.transform.localPosition.y, 0.0f); copyComp.sizeDelta = GetComponent().sizeDelta; InventoryUIUtility.BeginDrag(copy, (uint)copy.index, itemCollection, eventData); // Make sure they're the same size, copy doesn't handle this. } } public virtual void OnDrag(PointerEventData eventData) { if (item != null && itemCollection != null && itemCollection.canDragInCollection) // Can only drag existing item InventoryUIUtility.Drag(this, index, itemCollection, eventData); } public virtual void OnEndDrag(PointerEventData eventData) { if (item != null && itemCollection != null && itemCollection.canDragInCollection) { var lookup = InventoryUIUtility.EndDrag(this, index, itemCollection, eventData); // Didn't end on a button or used wrong key. if (lookup == null) return; if (lookup.endOnButton) { // Place on a slot lookup.startItemCollection.SwapOrMerge((uint)lookup.startIndex, lookup.endItemCollection, (uint)lookup.endIndex); } else if (lookup.startItemCollection.useReferences) { lookup.startItemCollection.SetItem((uint)lookup.startIndex, null); lookup.startItemCollection[lookup.startIndex].Repaint(); } else if(InventoryUIUtility.clickedUIElement == false) { TriggerDrop(); } } }

以下是InventoryUIUtility类封装的静态函数代码

public static InventoryUIDragLookup BeginDrag(InventoryUIItemWrapper toDrag, uint startIndex, ItemCollectionBase collection, PointerEventData eventData) { if (draggingItem != null) { Debug.LogWarning("Item still attached to cursor, can only drag one item at a time", draggingItem.gameObject); return null; // Can only drag one item at a time } if (eventData.button != PointerEventData.InputButton.Left) return null; draggingItem = toDrag; //draggingButtonCollection = collection; // Canvas group allows object to ignore raycasts. CanvasGroup group = draggingItem.gameObject.GetComponent(); if(group == null) group = draggingItem.gameObject.AddComponent(); group.blocksRaycasts = false; // Allows rays to go through so we can hover over the empty slots. group.interactable = false; var lookup = new InventoryUIDragLookup(); lookup.startIndex = (int)startIndex; lookup.startItemCollection = collection; return lookup; } public static void Drag(InventoryUIItemWrapper toDrag, uint startSlot, ItemCollectionBase handler, PointerEventData eventData) { if(eventData.button == PointerEventData.InputButton.Left) draggingItem.transform.position = new Vector3(eventData.position.x, eventData.position.y, 0.0f); } public static InventoryUIDragLookup EndDrag(InventoryUIItemWrapper toDrag, uint startSlot, ItemCollectionBase handler, PointerEventData eventData) { if(eventData.button == PointerEventData.InputButton.Left) { var lookup = new InventoryUIDragLookup(); lookup.startIndex = (int)draggingItem.index; lookup.startItemCollection = draggingItem.itemCollection; if (hoveringItem != null) { lookup.endIndex = (int)hoveringItem.index; lookup.endItemCollection = hoveringItem.itemCollection; } Object.Destroy(draggingItem.gameObject); // No longer need it draggingItem = null; //draggingButtonCollection = null; return lookup; } return null; } ///

A2 拖拽的事件的Drag是如何确定下方的UI元素的？

这里DragDrop中的元素由 OnPointerEnter 来触发获得（有点像Mouse Move事件），具体保存在InventoryUIUtility类的一个静态变量中

public static InventoryUIItemWrapper hoveringItem { get; private set; }

A3 拖拽后的逻辑操作，应该由哪个类来承接？

也就是Drop的操作由谁来完成，首先回忆下职责InventoryUIItemWrapper类负责事件的触发，InventoryUIUtility类负责UI相关的逻辑（选中，射线，坐标系统）

再看一遍OnDragEnd函数，具体的Drop逻辑是有Drop的后查找的lookup集合类（装备格集合基类ItemCollectionBase）来处理的，具体又有交换\合并两个逻辑,触发代码如下：

if (lookup.endOnButton) { // Place on a slot lookup.startItemCollection.SwapOrMerge((uint)lookup.startIndex, lookup.endItemCollection, (uint)lookup.endIndex); }

当然还有一种复杂的逻辑，就是扔掉物品的操作，这个是有具体的Item装备模型类（InventoryItemBase）来处理,核心代码在TriggerDrop方法中来调用，具体如下：

public override void TriggerDrop(bool useRaycast = true) { if (item == null || itemCollection.canDropFromCollection == false) return; if(item.isDroppable == false) { InventoryManager.instance.lang.itemCannotBeDropped.Show(item.name, item.description); return; } Vector3 dropPosition = InventorySettingsManager.instance.playerObject.transform.position; Ray ray = Camera.main.ScreenPointToRay(Input.mousePosition); RaycastHit hit; if (Physics.Raycast(ray, out hit, InventorySettingsManager.instance.maxDropDistance, InventorySettingsManager.instance.layersWhenDropping)) { dropPosition = hit.point; } else { return; // Couldn't drop item } var s = InventorySettingsManager.instance; if (useRaycast && s.showConfirmationDialogWhenDroppingItem && s.showConfirmationDialogMinRarity.ID <= item.rarity.ID) { // Not on a button, drop it var tempItem = item; // Capture list stuff var msg = InventoryManager.instance.lang.confirmationDialogDrop; s.confirmationDialog.ShowDialog(msg.title, msg.message, s.defaultDialogPositiveButtonText, s.defaultDialogNegativeButtonText, item, (dialog) => { ItemCollectionBase startCollection = tempItem.itemCollection; uint startIndex = tempItem.index; var d = tempItem.Drop(dropPosition); if (d != null) { startCollection[startIndex].Repaint(); } }, (dialog) => { //Debug.Log("No clicked"); }); } else { var d = item.Drop(dropPosition); if (d != null) { Repaint(); } } }

A4 窗口与窗口之间的拖拽，既有Drag又有Drop，如何更加合理的解决这个问题？

这个问题比较绕，其实也涉及到了问题2，其实无论怎么拖拽也就是两个东西，一个是被拖拽的物体from，一个是要放的地方to，这里其实都是窗口中的格子，只要有了这两个格子类也就确定了from和to的容器，比较特殊的一种情况也就是 from和to两个容器相等，也就是同窗口拖拽了，具体这些对象InventoryUIUtilty类中都做了封装，还是很赞的具体代码如下：

public class InventoryUIDragLookup { public int startIndex = -1; public ItemCollectionBase startItemCollection; public int endIndex = -1; public ItemCollectionBase endItemCollection; public bool endOnButton { get { return endItemCollection != null; } } } #region Variables private static InventoryUIItemWrapper draggingItem; public static InventoryUIItemWrapper hoveringItem { get; private set; } public static bool isDraggingItem { get { return draggingItem != null; } } public static bool clickedUIElement { get { return EventSystem.current.IsPointerOverGameObject(); } } public static bool isFocusedOnInput { get { if (EventSystem.current.currentSelectedGameObject != null) if (EventSystem.current.currentSelectedGameObject.GetComponent() != null) return true; return false; } } #endregion

复杂的物品拖拽逻辑总结完毕，再次向我们印证了，从helloworld到现实是多么的困难，实际的情况可能更复杂比如要加入动画效果，要做网络延时验证，数据同步等等吧

5G游戏 unity

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。