视觉差效果实现(parallax)

模仿潮汐的时候有一个parallax效果(视觉差效果),开始想的是创建2个UIScrollView,但是重叠之后就不识别了.后来Google 了下,基本能实现这个效果了,但是更加复杂的视差效果还需再研究下.这是潮汐界面的基本搭建

Untitled.gif

这里主要阐述下背景图片如何移动,设置好一个 UIImageView,然后添加到试图里,然后将contentSize 设置的大一点
- (void)scrollViewDidScroll:(UIScrollView *)sender {

NSInteger page1 = _scroll.contentOffset.x / (self.view.bounds.size.width-40);
CGFloat a = _scroll.contentOffset.x / 10;
self.vieww.transform = CGAffineTransformMakeTranslation(-a, 0);
_page.currentPage = page1;
}

然后设置下你想偏移的长度 a,通过改变图片的位置来实现 前面和后面试图滑动长度不一样的效果.

这是我的 demo:
https://github.com/ykkaixin/EasyParallax

希望大家一起交流学习

你可能感兴趣的:(视觉差效果实现(parallax))