?與以前的ngui所比較的話，ugui感覺更為簡單方便杏愤，同樣也與ngui有很多相同的功能，這里我們先來初步制作ugui的背包系統(tǒng)已脓。
新建一個項目珊楼，創(chuàng)建一Image對象，同時會生成Canvas和EventSystem,修改Image的名字為Bg度液，我們可以將Bg的image組件修改為自己喜歡的圖片作為背景厕宗，并調(diào)整RectTransform讓其布滿整個Canvas。
之后堕担，我們需要創(chuàng)建整個背包的各個部件已慢。我們在Bg下再創(chuàng)建一個Image作為背包的背景，改名為Inventory_Bg,創(chuàng)建一個空物體在Inventory_Bg下霹购，并在空物體下創(chuàng)建一個Text對象佑惠，修改空物體名字為Title,作為背包的標(biāo)題。完成這一步，我們再創(chuàng)建一個Image對象作為背包格子的框架膜楷，并相應(yīng)添加Mask組件和Scroll Rect 組件旭咽，修改Image名字為Scroll Rect。
我們取消掉mask組件的ShowMaskGraphic選項后把将，就不會顯示白色區(qū)域了轻专，但這個區(qū)域會作為我們的背包格子布局區(qū)域虚汛。
ScrollRect下創(chuàng)建一個空物體苏章，改名為GridList，添加Grid Layer Group組件见咒，并調(diào)整GridList的寬度與ScrollRect一致洽议，高度暫時設(shè)置為800左右（超出ScrollRect）宗收，設(shè)置錨點在頂部，調(diào)整位置亚兄。然后混稽，我們創(chuàng)建Image名為Grid在GridList下，復(fù)制N個审胚，可以看到Grid已經(jīng)被自動排序了匈勋。然后我們再來微調(diào)，GridLayerGroupz組件下的cell size是設(shè)置我們每個Grid的長寬膳叨，spacing是間距洽洁，padding是內(nèi)邊距，其他幾個選項也可以調(diào)整整個背包格子的布局位置等菲嘴。為了方便我們自由的增加格子而不用每次因為格子的多少來調(diào)整高度饿自，我們給GridList添加一個Content Size Fitter，將Vertical Fit 設(shè)置為Preferred Size,這樣我們的高度便能根據(jù)格子來自適應(yīng)了龄坪。然后昭雌，我們把ScrollRect組件的Content設(shè)置為GridList，取消Horizontal選項健田。設(shè)置好后烛卧，運行試試，已經(jīng)可以滑動了抄课。
最后一點唱星，我們稍微改改，在ScrollRect下創(chuàng)建一個UI－ScrollBar跟磨，將ScrollRect的ScrollRect組件的Vertical ScrollBar設(shè)置為我們剛才創(chuàng)建的ScrollBar间聊，并將ScrollBar的Direction設(shè)置為Bottom To Top，調(diào)整Scrollbar的位置和長度抵拘。再一次運行哎榴，我們已經(jīng)可以通過拖動ScrollBar來滑動我們的背包了。
這樣呢，我們的背包系統(tǒng)就有一個初步的樣子了尚蝌，關(guān)于一些布局的錨點以及各個節(jié)點的位置迎变，請大家自行調(diào)整。有一個簡單背包的框架飘言，滑動衣形，網(wǎng)格布局。但是總覺得還差點什么姿鸿。谆吴。。沒物品？猎ぁ句狼！我的天！這算什么背包热某？Ｄ骞健！宛如魚香肉絲沒有魚昔馋，老婆餅沒老婆筹吐，錢包沒錢一樣可惡！￥＃％％￥……＃
好了好了秘遏，我們會在之后的文章里面來添加我們的物品骏令。如果有什么問題或建議，請指出或一起交流～??????
