在 UIScrollView 中滚动图像时添加视差效果

Posted

技术标签:

【中文标题】在 UIScrollView 中滚动图像时添加视差效果【英文标题】:Add parallax effect when scrolling through images in UIScrollView 【发布时间】:2016-03-30 00:18:01 【问题描述】:

我一直在制作一个启用了分页的 UIScrollView,它像普通 UICollectionView 一样滚动浏览照片。我希望图像视图在滚动时具有视差效果。

我想在滚动时产生这样的效果 https://github.com/MP0w/MPParallaxCollection/blob/master/img/inaction.gif

任何帮助 提前致谢 雅利安人

【问题讨论】:

看到这个答案:***.com/questions/24749952/… 嗨,Kirit,我已经编辑了答案以说明我到底想要什么。你发送的不是我真正想要的 【参考方案1】:

您在跳板应用程序中获得的视差效果是在 ios 7 中引入的,并使用名为 UIMotionEffect 的类实现。

在 Google 上快速搜索 Parallax 和 UIMotionEffect,我找到了几十个教程结果。

基本技术包括使用init(keyPath: String, type: UIInterpolatingMotionEffectType) 方法创建 UIMotionEffect 的某个子类的实例。 keyPath 将是您希望为其提供效果的动画视图的属性,type: 参数指定何时应用效果。

【讨论】:

嗨,斯科特,我已经编辑了答案,以说明我到底想要什么,就像我使用 UIInterpolatingMotion 一样,当我实际倾斜手机时它会产生视差效果。

以上是关于在 UIScrollView 中滚动图像时添加视差效果的主要内容,如果未能解决你的问题,请参考以下文章

ios的折叠工具栏布局

视差 UIScrollView – 在一个 scrollViewDidScroll 方法中处理两个视图?

pageViewController 的视差效果

仅在 Chrome/Safari 中滚动嵌入 Vimeo YouTube 或 Flash 时,浮动视差 DIV 背景图像会跳转

iOS UIScrollView捏缩放添加空白

使用 UIScrollView 在多个图像之间水平滚动