Unity3D-----拖拽效果的實現

NGUI實現物品的拖拽

一、功能

物品可以在兩個框當中相互交換,並自動排序

二、實現

1、創建一個精靈作爲物品欄的背景,然後再創建各個精靈作爲物品。
在這裏插入圖片描述
2、創建一個Scroll View(NGUI->Create->Scroll View)作爲物品欄的子物體,物品是作爲Scroll View的子物體。Scroll View是滾動視窗,物品只有在這個範圍內才能夠進行滾動。
3、給所有物品添加Drag Scroll View組件和Box Collier組件(注意:Box Collier組件需要勾選is Trigger屬性)。
目前物品就可以發生滾動了,在Scroll View當中可以設置滾動方向和滑動條,滑動條在NGUI當中有預製件,可直接搜索Scroll進行篩選。
在這裏插入圖片描述
接下來,在上面的基礎上實現自動排序以及物品在物品之間的穿插效果。
1、創建一個Grid(NGUI->Create->Grid),然後將所有的物品作爲Grid的子類,在Grid組件中設置子類之間的寬度以及高度,然後右鍵Grid點擊Execute進行執行就能夠自動排序了。
在這裏插入圖片描述 在這裏插入圖片描述
2、在這時,我們會發現物品僅僅是可以滾動,而不可以拖拽,那麼就不能夠實現穿插效果,我們需要給每一個物品添加一個Drag and Drop Item組件,這時物品就可以拖拽了,我們再設置Grid中的Sorting值爲水平,勾選smooth Tween,這樣物品之間就可以穿插了。
在這裏插入圖片描述
現在來實現兩個物品欄之間進行物品交換效果。
1、現在我們拖拽物品,會發現當物品在Scroll View範圍外時,物品就會看不見,那麼這時我們創建一個Panel(NGUI->Create->Panel),然後給Panel添加一個Drag and Drop Root即可。
2、再根據之前的步驟,再創建一個物品可拖拽的物品欄,然後給物品欄添加一個Drag and Drop Container組件,在此組件下的Reparent Target設置爲自動排序的網格即可。
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章