ios - 滚动到结束时滚动视图缩放,如 Fancy

Posted

技术标签:

【中文标题】ios - 滚动到结束时滚动视图缩放,如 Fancy【英文标题】:ios - scrollview zooming when scrolling to end, like Fancy 【发布时间】:2014-04-14 22:43:15 【问题描述】:

我不知道这个效果叫什么。 Fancy 在其应用程序中使用它。它是这样工作的。

滚动视图顶部有一张图片。 向下拖动,图像被缩放以填充额外的顶部空间,因此其顶部边缘始终保持在此滚动视图的顶部边缘 松开手指,它会弹回来

请给我一些关于如何构建这种效果的想法。谢谢!

【问题讨论】:

【参考方案1】:

这个有很多开源实现,比如:

https://github.com/apping/APParallaxHeader https://github.com/modocache/MDCParallaxView https://github.com/quemb/QMBParallaxScrollViewController

这些背后的基本思想是将图像视图作为滚动视图的子视图。滚动时,您监视滚动视图的内容偏移量,当您达到某个阈值时,您开始增加图像视图的高度。如果将image view的contentMode设置为UIViewContentModeScaleAspectFill,就会得到你想要的效果。

【讨论】:

以上是关于ios - 滚动到结束时滚动视图缩放,如 Fancy的主要内容,如果未能解决你的问题,请参考以下文章

在 ios 的滚动视图中绘制缩放的图像视图?

按下缩放按钮时如何缩放滚动视图的图像?

IOS:在滚动视图中添加图像视图以进行缩放

如何在 iOS 的分页滚动视图中缩放图像?

iOS - UIScrollView 可以滚动但不能缩放

在 iPhone 中使用缩放图像翻转滚动视图