Unity實現滑動列表(ScrollView)-UGUI


步驟:

第一步
創建一個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組件。進行如下設置
在這里插入圖片描述
最終我們就制作完成了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM