游戲背包系統，“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小時內刪除侵權內容。