我试图允许用户在静态图像上的过滤器之间滑动.这个想法是,当滤镜在其上方滚动时,图像保持原位. Snapchat最近发布了一个实现此功能的版本.
This video shows exactly what I’m trying to accomplish at 1:05.
到目前为止,我已经尝试将三个UIImageView放在滚动视图中,在原始图像的左侧和右侧,并使用scrollView的contentOffset.x调整它们的帧origin.x和size.width.我在另一篇文章中发现了这个想法here.将左右的内容模式更改为UIViewContentModeLeft和UIViewContentModeRight没有帮助.
接下来,我尝试将所有三个UIImageView堆叠在一起.我制作了两个CALayer面具,并将它们插入到堆栈左侧和右侧的scrollView中,因此当您滚动屏幕时,会显示已过滤的图像.这对我来说没有效果任何帮助将不胜感激.
解决方法
您应该只需要2个图像视图(当前的和一个图像视图,因为这是一个分页的样式滚动),并且它们在每个过滤器更改后切换角色.而您使用图层蒙版的方法应该可以工作,但不能在滚动视图上.
所以,确保你的观点组织是这样的：
UIView // receives all gestures
UIScrollView // handles the filter name display,touch disabled
UIImageView // incoming in front,but masked out
UIImageView // current behind
每个图像视图都有一个遮罩层,它只是一个简单的图层,您可以修改遮罩层的位置,以改变图像实际可见的程度.
现在,主视图处理平移手势,并且使用手势的转换来改变输入图像视图掩模层位置和滚动视图内容偏移量.
随着更改的完成,“当前”图像视图无法再看到,“传入”图像视图占用整个屏幕. “当前”图像视图现在被移动到前面,并成为传入视图,其蒙版更新以使其变得透明.当下一个手势开始时,其图像将更新为下一个过滤器,更改过程将重新开始.
随着滚动正在进行,您可以随时在背景中准备过滤后的图像,以便图像准备好在切换时进入视图(快速滚动).
