1. 程式人生 > 實用技巧 >使用Unity的UGUI製作簡單的Scroll View

使用Unity的UGUI製作簡單的Scroll View

使用Unity的UGUI製作簡單的Scroll View

這個demo是在GitHub上面找到的,並非我自創的,可以自行下載:連結

在這裡我下載下來研究學習,並總結了下具體做法:

首先在場景裡面建立一個Canvas,然後在Canvas下方建立一個Image

調節Image的大小和Alpha值,差不多就行了,然後將Image改名為Scroll View
在這裡插入圖片描述
然後在Scroll View的下方建立一個空物體,命名為Grid

然後將demo中的指令碼EasyAutoGrid,掛載到Scroll View上,這個時候Unity會自動在Scroll View上掛載Scroll Rect元件。這個時候把Grid拖到Content裡,dir選擇Horizontal

在這裡插入圖片描述

然後在Grid下方新增Grid Layout Group元件,Start Axis選擇Vertical,Spacing稍微調整一些,再新增一個Image,錨點是左上方,調整下位置,ctrl+d複製幾個在這裡插入圖片描述

然後點選執行,就可以了
在這裡插入圖片描述

其實我這個,只用到了demo裡的兩個指令碼:
在這裡插入圖片描述
在這裡插入圖片描述
這個demo再稍加潤色,其實還不錯的,就是有點問題還沒解決。