视觉差效果实现(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

希望大家一起交流学习

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容