前言
本文由作者@zx一路飛奔出品，轉載請註明出處
文章地址：http://blog.csdn.net/u014735301/article/details/43228693
作者微博：http://weibo.com/u/1847349851
最近閒的時候，體驗了幾款比較火爆的手遊，其中個人認爲做的比較好的一款是 暗黑黎明。
正好自己的小遊戲，要做一個揹包的UI，就模仿下，暗黑黎明吧
先看一下 暗黑黎明 本身的揹包的UI
一個佔據屏幕整體的UI設計，左邊是人物裝備，右邊是揹包，最右邊是tabs，可以切換成不同的分類。
揹包欄裏面是一個一個小格子，是可以根據手指的滑動而上下滾動的。
恩，我要做的UI，也是簡單的實現上面的功能。
Scroll view
首先在NGUI 的UIRoot下，創建一個sprite來作爲揹包的背景圖片，命名爲beibao
在beibao下面，創建一個scroll view
上面掛有兩個腳本，UIPanel，UIScroll view
在scroll view下創建Grid，並且在grid下，創建sprite作爲 揹包格子，並且添加collider組件 和 Drag Scroll view腳本。
這樣就可以在格子上，滑動鼠標來進行移動了，
創建一個格子後，按 ctrl+D，複製多個格子。修改grid腳本參數，可以自動排列格子，這裏不得不說，NGUI很強大
到這裏，一個揹包面板就做好了，而且是可以滑動查看更多哦！，下面來看看通過tab來切換不同面板
Tabs
這裏只是簡單的使用ngui現有的腳本，如果想要了解更多，請自行研究
這樣就可以實現面板的切換了。最後看一下整體效果
恩，感覺和暗黑黎明沒法比啊 哈哈~~~~~~~~