天天动画片 > 八卦谈 > Unity5星资产EnhancedScroller的快速使用

Unity5星资产EnhancedScroller的快速使用

八卦谈 佚名 2024-01-01 00:33:37


 EnhancedScroller 将你的数据虚拟化,只显示出所需元素。将数以千计的行数带到几个 UI 元素中来显示,加速处理并节省内存。对象不会被破坏,因此你的平台不需对垃圾进行收集。最好的是,它能在 Unity 内置 UI 系统组件上使用。

   列表是数据驱动和动态创建的,因此在设计时不必设置它们。滚动器不需意识到数据或或视图展示,只需专注于管理你的列表来实现真正的 MVC 体验。可选的循环允许你显示无限的数据列表。每个单元都能拥有自己的尺寸或都使用一个尺寸。可选的对齐功能让你将单元锁定到特定位置。补间功能简化了跳跃和对齐的过渡,带来平滑的用户体验。

视频教程链接

Unity5星资产EnhancedScroller的快速使用


EnhancedScroller在Unity AssetStore商店的链接

https://assetstore.unity.com/packages/tools/gui/enhancedscroller-36378?aid=1011lA2oY


Unity订阅产品:

Unity Plus:

https://prf.hn/click/camref:1011lA2oY/destination:https://store.unity.com/products/unity-plus

Unity专业版:

https://prf.hn/click/camref:1011lA2oY/destination:https://store.unity.com/products/unity-pro

Unity Learn高级版:

https://prf.hn/click/camref:1011lA2oY/destination:https://unity.com/learn-premium

Unity合作伙伴课程:

https://prf.hn/click/camref:1011lA2oY/destination:https://unity.com/learn/partner-courses


一、处理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。   处理数据的布局和格式以及显示数据

建立脚本 ScrollerController .cs         //继承 MonoBehaviour, IEnhancedScrollerDelegate。

建立脚本 ScrollerData .cs                 //列表数据,每个Item的数据


每个Item的数据


/这个脚本附加给Item的prefab


//在这个脚步中管理EnhancedScroller和AnimalCellViewEnhancedScrollerCellView



三、处理UI单元格Item

1、建立Cell View单元格Prefab

在GameObject下建立一个Panel

将建立的脚本AnimalCellView.cs附加给这个Panel。(AnimalCellView继承于EnhancedScrollerCellView

设置Cell Identifier。每个Prefab的 Cell Identifier是唯一的。

设置缩放

在这个Panel下放置各种UI,然后将这个Panel设置为Prefab。


四、建立Scroller控制器

1、点击ScrollerController对象,将ScrollerController .cs 附加给它。


把对应的对象拖进ScrollerController



本文标题:Unity5星资产EnhancedScroller的快速使用 - 八卦谈
本文地址:www.ttdhp.com/article/44572.html

天天动画片声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
扫码关注我们