iOS实现包含100万条数据的视图顺滑滚动和闪电跳转到任意数据对应的页面

Posted 2022-02-01 大熊猫侯佩

功能需求

在ios里，无论是用UIKit还是SwiftUI，显示一个包含100w条数据的视图都必定会出现难以忍受的卡顿，更别提滚动它的内容了。

如上所示，视图中包含了100万条数据(每页5条数据)，滚动或跳转到其中任意页面却没有丝毫卡顿。

这在UIKit和SwiftUI中是如何实现的呢？

在本篇博文中您将学到如下内容:

• 如何巧妙“缩减”视图中的海量数据?
• 如何顺滑滚动海量数据视图?
• 如何闪电定位到海量数据视图中的任意页面?
• 如何在SwiftUI中使用上述视图?

还等什么呢？Let’s Go！

---

功能分析

1. 化繁为简，由多变少

正常情况下，无论是UIKit还是SwiftUI，显示和滚动包含海量数据的视图都会非常的卡顿。这是由于数据量过大，需要在屏幕中绘制图形元素太多的原因。

<