|
Unity3d中，UGUI提供了 Scroll Rect、Grid Layout Group、Mask這三個組件，我們用來實現(xiàn)滾動視圖。 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 首先我們放置好背包的底層方框，如下圖。 我們在紅色的那一塊，作為物品欄的滑動區(qū)域。 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 接下來創(chuàng)建一個Panel ，改名為ScrollRectPanel，把大小拉動到紅色方框大小。先Reset ，添加Scroll Rect 組件。勾選 Vertical 選框，意思是只有Y軸可以滑動。 然后在 ScrollRectPanel 下面添加一個 Panel 作為 Child ，改名為 GridLayoutPanel ，先Reset ，拉伸寬度為 紅框 寬度，高度稍微弄大一點 。添加 Grid Layout Group 組件。修改 顏色為紅色 ，便于區(qū)分。 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 然后 選擇 ScrollRectPanel ，把GridLayoutPanel 拖到 Scroll Rect 的Content 中。 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 運行測試一下，現(xiàn)在可以上下滑動了。 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 然后在 GridLayoutPanel 下添加一個Button 作為 Child ，然后Ctrl + D 復(fù)制出 多個。文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 最后在 ScrollRectPanel 上 添加 Mask 組件，使超出 ScrollRectPanel 范圍的不顯示。文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. 最后看看效果 文章轉(zhuǎn)自 http://blog.csdn.net/huutu/ 星環(huán)游戲 http://www. |
|
|
