亚洲综合二区,国产一区二区精品丝袜,欧美日韩久久

(搬運工)NGUI官網示例11 –Drag ; Drop（圖標與物體拖拽放置）(二)

Posted on 2013-10-15 11:56 點點滴滴閱讀(4428) 評論(0) 編輯收藏引用所屬分類: 02 編程語言

為ListPanel創建一個空的游戲對象，并命名為DragDropContainer，reset一下，并為它添加一個Collider（NGUI->Attach a collider），如圖所示
點擊查看原圖

在DragDropContainer對象下創建一個空的游戲對象，并命名為Item0，并為其添加一個Collider（NGUI->Attach a collider），接著在Item0下創建一個Sprite和一個SlicedSprite，構成了一個圖標，并調整它們的大小和位置，如圖所示

選擇Item0，使用Ctrl+D復制出三個來，并重新命名為Item1，Item2和Item3，位置沒有關系，并把其中的兩個Item中的sprite換個圖片，如圖所示

選擇WindowPanel，來設置這個Panel的可見范圍。把Clipping設置成SoftClip，參數如下

選擇DragDropContainer，為其添加一個Table組件（Component->NGUI->Interaction-> Table），該組件可以自動排列它的子物體，并調整它的位置，其參數和效果如下

接下來，選擇Item0，為其添加一個DragDropItem（Component->NGUI->Example->Drag atl+DropItem），這個組件可以跟已經保存好的Prefab連接起來，把NGUI中的對應的prefab拖到它的參數中，如圖所示
點擊查看原圖

1. 對其他的Item進行相似的操作，只是Prefab的參數不同而已。
現在，點擊播放，拖動Item，結果沒有任何效果。來解決這個問題，第一，選擇UIRoot（2D）下的Camera，然后把UICamera組件中的EventReceiverMask中的參數設置成2DGUI，這樣這個Camera中的消息就只接受這個Layer中的消息；如下圖
點擊查看原圖

1. 第二，選擇DragDropContainer，修改一下里面的BoxCollider中的Center和Size參數，使其覆蓋所有的Item，如下圖綠色框所示，

接著，選擇Item，會發現，其中的Collider中的Center中的Z值，其值與DragDropContainer中的z值相同，都為0.5，這樣可能造成消息指發送給DragDropContainer而Item接收不到鼠標消息，所以，把所有Item中的Collider中的Z值往
外移動一些，如圖所示
點擊查看原圖

選擇Cube，為其添加一個DragDropSurface組件。
現在點擊播放，拖動其中的Item，會發現Item在Panel中消失了，然后拖到Cube上，哈，效果達到了。如圖所示

現在在實現item拖動的效果。在UIRoot（2D）下創建一個空的游戲對象，并命名為Anchor-Center，為其添加一個Anchor（NGUI->Attach a anchor）,并reset一下，如圖所示
點擊查看原圖

選擇Anchor-Center，在其下添加一個Panel（NGUI->Create a panel），并為其添加一個DragDropRoot（Component->NGUI->Example->Drap Drop Root）,請注意UI Root（2D）中的所有對象的Layer都是2DGUI，如圖所示
點擊查看原圖

點擊播放，ok，成功！

點點滴滴

(搬運工)NGUI官網示例11 –Drag ; Drop（圖標與物體拖拽放置）(二)

日歷

公告

留言簿(9)

隨筆分類(268)

隨筆檔案(311)

相冊

搜索

積分與排名

最新評論