模仿潮汐的時(shí)候有一個(gè)parallax效果(視覺差效果),開始想的是創(chuàng)建2個(gè)UIScrollView,但是重疊之后就不識(shí)別了.后來(lái)Google 了下,基本能實(shí)現(xiàn)這個(gè)效果了,但是更加復(fù)雜的視差效果還需再研究下.這是潮汐界面的基本搭建
Untitled.gif
這里主要闡述下背景圖片如何移動(dòng),設(shè)置好一個(gè) UIImageView,然后添加到試圖里,然后將contentSize 設(shè)置的大一點(diǎn)
- (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;
}
然后設(shè)置下你想偏移的長(zhǎng)度 a,通過(guò)改變圖片的位置來(lái)實(shí)現(xiàn) 前面和后面試圖滑動(dòng)長(zhǎng)度不一樣的效果.
這是我的 demo:
https://github.com/ykkaixin/EasyParallax
希望大家一起交流學(xué)習(xí)
