ios - 具有捕捉和缩放功能的 ScrollView

Question

我一直想为 Swift iOS 应用程序制作一个滚动缩放 UI，但一直不知道要搜索什么。然后昨晚我在 Apple News 应用程序中看到了这个，这正是我想要做的。关于从哪里开始的任何指示？

我以前制作过带分页的 ScrollView ，但这要求每个“页面”大小相同，而且我只能看到当前页面。我喜欢您在当前页面上可以看到左右页面 10% 的方式。此外，我希望居中的“页面”比外面的大。

这种滚动动画有名字吗？甚至不知道它叫什么都让搜索变得困难。

谢谢!

动图:

Answer 1

这是一个 UICollectionView，实现了众所周知的“旋转木马”。

它实际上非常可以作为 UICollectionViewFlowLayout 子类实现，只需进行一些简单的调整。您只需重写三个方法:

• shouldInvalidateLayout(forBoundsChange:) 为 true，在滚动期间获取布局

• layoutAttributesForElements(in:) 修改屏幕单元格的 UICollectionViewLayoutAttributes 的 transform3D 属性

• targetContentOffset(forProposedContentOffset:withScrollingVelocity:)得到分页效果

Apple 在 WWDC 2012 视频中向您解释了这一切。 IIRC 他们称它为“Cover Flow”，因为它是根据 Mac Finder 中的 cover flow 建模的。