Cell的圖片跟隨TableView滾動(dòng)產(chǎn)生視覺(jué)差

前言:

簡(jiǎn)簡(jiǎn)單單的一個(gè)視覺(jué)差異效果霹琼,可以讓普通的Cell看起來(lái)生動(dòng)了不少枣申。我把這個(gè)效果想象成可以透過(guò)多個(gè)窗口看到圖片看杭,所以起了Ommateum這個(gè)名字。
Github下載地址 - QWOmmateumEffect

效果圖:

當(dāng)tableView滾動(dòng)模孩,Cell的圖片也會(huì)滾動(dòng)

Ommateum效果實(shí)現(xiàn):

cell里的宏

// scrollView的滾動(dòng)系數(shù)
#define kRATIO              kSCROLLVIEWHIGHT*0.5/kSCREENHEIGHT/kSCREENHEIGHT
#define kSCREENWIDTH        [UIScreen mainScreen].bounds.size.width
#define kSCREENHEIGHT       [UIScreen mainScreen].bounds.size.height
#define kSCROLLVIEWHIGHT    200

cell里的滾動(dòng)方法:

- (void)startCellOmmateumEffect:(UIView *)view {
    //     將cell的frame轉(zhuǎn)換成view的Frame(為了獲取每個(gè)cell的Y值計(jì)算應(yīng)當(dāng)滾動(dòng)多少)
    CGRect rect = [self.superview.superview convertRect:self.frame toView:view];
    //     tableView往上滑動(dòng)時(shí),當(dāng)cell即將完全移出屏幕介却,這個(gè)時(shí)候cell還在可見(jiàn)區(qū)域內(nèi)块茁,而它的Y值是最大的負(fù)數(shù),也就              是說(shuō)負(fù)多少和正多少scrollView滾動(dòng)距離都是一樣的永淌,這里是按照tableView的height+一個(gè)cell的height這個(gè)范圍來(lái)計(jì)算佩耳,所以這里加上一個(gè)cell的高度(如果不理解可以去掉kSCROLLVIEWHIGHT往上滑動(dòng)看效果)
    CGFloat originY =  rect.origin.y + kSCROLLVIEWHIGHT;
    _scrollView.contentOffset = CGPointMake(0, originY*originY*kRATIO + kSCROLLVIEWHIGHT*0.5);
}

當(dāng)tableView滾動(dòng)時(shí)在代理方法scrollViewDidScroll:中去遍歷當(dāng)前可見(jiàn)的所有cell,執(zhí)行他們的滾動(dòng)方法

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
    for (QWOmmateumEffectCell *cell in [_tableview visibleCells]) {
        [cell startCellOmmateumEffect:self.view];
    }
}

一上來(lái)加載tableView時(shí)并沒(méi)有滾動(dòng)到相應(yīng)的位置李滴,需要手動(dòng)去讓它滾一次:

dispatch_async(dispatch_get_main_queue(), ^{
        [self scrollViewDidScroll:[[UIScrollView alloc] init]];
    });

這個(gè)demo我是參照了判若兩人丶 的蛮瞄,計(jì)算的方式有區(qū)別,大體思路是一樣的包竹,可以下載我的demo看下籍凝。
感覺(jué)對(duì)自己有幫助請(qǐng)給個(gè)贊,歡迎小伙伴們留言指出不足饵蒂!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末退盯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子渊迁,更是在濱河造成了極大的恐慌,老刑警劉巖琉朽,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件箱叁,死亡現(xiàn)場(chǎng)離奇詭異惕医,居然都是意外死亡算色,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門峡钓,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)斥废,“玉大人给郊,你說(shuō)我怎么就攤上這事⊥炒福” “怎么了炭庙?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)焕蹄。 經(jīng)常有香客問(wèn)我,道長(zhǎng)腻脏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任做鹰,我火速辦了婚禮鼎姐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘饭尝。我一直安慰自己献宫,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布帖池。 她就那樣靜靜地躺著,像睡著了一般肴甸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上原在,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天彤叉,我揣著相機(jī)與錄音,去河邊找鬼浮庐。 笑死柬焕,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的搅轿。 我是一名探鬼主播富玷,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼沸柔!你這毒婦竟也來(lái)了铲敛?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤工三,失蹤者是張志新(化名)和其女友劉穎先鱼,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體焙畔,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年澡罚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了肾请。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡隔显,死狀恐怖饵逐,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情掷豺,我是刑警寧澤,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布坷襟,位于F島的核電站,受9級(jí)特大地震影響婴程,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜桌粉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一衙四、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧传蹈,春花似錦、人聲如沸挑格。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)挫望。三九已至,卻和暖如春士骤,著一層夾襖步出監(jiān)牢的瞬間拷肌,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留搁骑,地道東北人仲器。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓仰冠,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親洋只。 傳聞我的和親對(duì)象是個(gè)殘疾皇子辆沦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)识虚、插件肢扯、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,102評(píng)論 4 62
  • 為什么堅(jiān)持一件良好的事總不持久担锤?也許是我們忘了初衷蔚晨。若你想讀書,就記住書本帶來(lái)的快樂(lè)肛循,和每天都會(huì)有感悟的滿足铭腕。忘記...
    彩鉛心情閱讀 267評(píng)論 0 0
  • 作為一個(gè)在體制內(nèi)上班的人谨履,早上到辦公室瀏覽朋友圈的時(shí)候,看到一個(gè)同在體制內(nèi)的朋友轉(zhuǎn)了一篇題為《體制內(nèi)外的狼狗之爭(zhēng)》...
    河?xùn)|西閱讀 6,602評(píng)論 43 88
  • 前言 今天剛好看到數(shù)據(jù)結(jié)構(gòu)相關(guān)的書籍笋粟,發(fā)現(xiàn)它對(duì)數(shù)據(jù)結(jié)構(gòu)和數(shù)據(jù)類型的概念寫得并不是很清楚怀挠,讓人迷惑绿淋。于是想著把自己的...
    羅蓁蓁閱讀 1,108評(píng)論 0 4
  • 若不是愛(ài)得深沉 若不是愛(ài)得深沉…… 腦海里突然冒出這么個(gè)短句尝盼。于是興起吞滞,在臨近午夜時(shí)分盾沫,開始執(zhí)筆爬格子...
    蘇再蓉閱讀 678評(píng)論 8 6