iphone - iOS 上的 Pinterest Gridview 实现

Question

我想实现像 Pinterest 中那样的 GridView

我考虑过实现为 3 个 TableView 。但是我无法将它们很好地滚动在一起。当我实现 scrollViewDidScroll 并为 scrollView 以外的 TableView 设置 contentOffset 时，滚动变得缓慢且无法使用。

我做的另一个实现是加载一组图像并在 scrollViewDidScroll 中调用 viewDraw 函数。 ViewDraw 函数只绘制必要的图像，并从内存中删除已绘制但不可见的其余图像。这也会使 ScrollView 滚动变慢。另一个问题是在绘制图像之前存在白色(背景色)色 block 。

实现此 GridView 的最佳方式应该是什么？

Answer 1

方案一(不知道行不行，不太喜欢)

如何并排放置 3 个垂直 TableView ，但将任何触摸事件从任何 TableView 转发到其他 TableView 。我知道您在尝试同步表格 View 时遇到了性能问题，但也许在事件级别上工作会更好。也许吧。

方案二

使用 UIScrollView(当然是为了滚动目的)。出于性能和内存原因，您还需要实现按需加载机制，这样您就不会一次加载所有图像。

为此，我将创建一个类 CustomImageStrip 来处理垂直图像列表。此类与 scrollview 一起工作，并使用 contentOffset 来决定何时从 strip 加载/卸载图像。

通过拥有 3 个独立的图像条类，图像可以是任意大小并且不需要对齐。但是，由于它们都属于同一个 UIScrollView，因此滚动将同时完成。