Unity5星資產(chǎn)EnhancedScroller的快速使用


? ?EnhancedScroller 將你的數(shù)據(jù)虛擬化,只顯示出所需元素。將數(shù)以千計的行數(shù)帶到幾個 UI 元素中來顯示,加速處理并節(jié)省內(nèi)存。對象不會被破壞,因此你的平臺不需對垃圾進行收集。最好的是,它能在 Unity 內(nèi)置 UI 系統(tǒng)組件上使用。
? ?列表是數(shù)據(jù)驅(qū)動和動態(tài)創(chuàng)建的,因此在設(shè)計時不必設(shè)置它們。滾動器不需意識到數(shù)據(jù)或或視圖展示,只需專注于管理你的列表來實現(xiàn)真正的 MVC 體驗??蛇x的循環(huán)允許你顯示無限的數(shù)據(jù)列表。每個單元都能擁有自己的尺寸或都使用一個尺寸??蛇x的對齊功能讓你將單元鎖定到特定位置。補間功能簡化了跳躍和對齊的過渡,帶來平滑的用戶體驗。
視頻教程
EnhancedScroller在Unity AssetStore的鏈接
https://assetstore.unity.com/packages/tools/gui/enhancedscroller-36378?aid=1011lA2oY
一、處理UI界面
1、加入Canvas

2、在Canvas下建立一個空對象 Scroller

3、在Scroller加入組件
在Scroller加入組件?Enhanced Scroller

在Scroller加入組件?Image

在Scroller加入組件?Mask

4、拖拽縮放Scroller,放置到合適位置
5、在Scroller下建立一個空GameObject,并將它拖到Scroller的組件Scroll Rect下的Content中

這個GameObject沒什么作用,只是防止Context報錯

?
6、建立空GameObject,改名?Scroller Controller。

二、處理控制腳本
1、建立3個腳本
建立腳本 AnimalCellView.cs? ? ? ? ? ? ?//繼承 EnhancedScrollerCellView。? ?處理數(shù)據(jù)的布局和格式以及顯示數(shù)據(jù)
建立腳本 ScrollerController .cs? ? ? ? ?//繼承 MonoBehaviour, IEnhancedScrollerDelegate。
建立腳本 ScrollerData .cs? ? ? ? ? ? ? ? ?//列表數(shù)據(jù),每個Item的數(shù)據(jù)
每個Item的數(shù)據(jù)
/這個腳本附加給Item的prefab
//在這個腳步中管理EnhancedScroller和AnimalCellView(EnhancedScrollerCellView)
三、處理UI單元格Item
1、建立Cell View單元格Prefab
在GameObject下建立一個Panel

將建立的腳本AnimalCellView.cs附加給這個Panel。(AnimalCellView繼承于EnhancedScrollerCellView)

設(shè)置Cell Identifier。每個Prefab的 Cell Identifier是唯一的。

設(shè)置縮放

在這個Panel下放置各種UI,然后將這個Panel設(shè)置為Prefab。
四、建立Scroller控制器
1、點擊ScrollerController對象,將ScrollerController .cs 附加給它。

把對應(yīng)的對象拖進ScrollerController
