步驟:
第一步
創建一個Image,改名為“ScrollView”。
添加ScrollRect組件,設置組件:把horziontal(水平方向移動)關閉。
添加Mask組件。
第二步
在ScrollView下添加Image,改名為”Viewport“
第三步
在Viewport下添加Image,改名為“Content”,content的大小最好和viewport一樣。
設置錨點為與Pivot如下圖:
設置這兩個的作用是為了讓每次添加子元素可以顯示在Content的最上方,而不會出現在中間產生的情況
添加VerticalLayoutGroup組件,設置如下圖:
ContorlChildSize作用:這個用來決定是子物體的高和寬時候可以控制,要使用這個屬性,需要子元素身上要有LayoutElement組件,否則會有錯誤的效果。
UseChildScal:子物體縮放是否會影響到父物體
ChildForceExpand:這個也要配合ContorlChildSize來使用,如果勾選ControlChildSize,可以通過這個屬性來決定是否要把子物體的大小按照服務體的寬高來填充。
添加ContentSizeFitter組件,設置如下圖:
VerticalFit設置為PreferredSize是為了讓該UI的大小可以根據該UI下子UI的排列尺寸進行自適應高度調整。
第四步
在ScrollView下添加ScollBar,並放到合適的位置,把Dircetion屬性改為TopToButtom。
第五步
回到ScrollView的ScrollRect組件。進行如下設置
最終我們就制作完成了。