iOS列表滾動(dòng)視差效果

效果:UITableView滾動(dòng)的時(shí)候會有動(dòng)畫加視差效果

一個(gè)未處理的列表.png

當(dāng)cell出現(xiàn)的時(shí)候

-(void)tableView:(UITableView *)tableView willDisplayCell:(EveryDayTableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath

1.cell出現(xiàn)時(shí)圖片由透明變不透明勺美,由小變大禽车,由下往上

cell的Transform3D動(dòng)畫.png
        CATransform3D rotation;//3D旋轉(zhuǎn)
        //y,z周偏移
        rotation = CATransform3DMakeTranslation(0 ,50 ,20);
//        rotation = CATransform3DMakeRotation( M_PI_4 , 0.0, 0.7, 0.4);
        //x,y縮小0.9址遇,寬高縮小0.9
        rotation = CATransform3DScale(rotation, 0.9, 0.9, 1);
        rotation.m34 = 1.0/ -600;//參數(shù)
        
        //設(shè)置陰影顏色和偏移量,右下偏移
        cell.layer.shadowColor = [[UIColor blackColor]CGColor];
        cell.layer.shadowOffset = CGSizeMake(10, 10);
        //設(shè)置透明度為0
        cell.alpha = 0;
        cell.layer.transform = rotation;
        
        //開始動(dòng)畫洪唐,可也使用block
        [UIView beginAnimations:@"rotation" context:NULL];
        //旋轉(zhuǎn)時(shí)間
        [UIView setAnimationDuration:0.6];
        //恢復(fù)到原始狀態(tài)
        cell.layer.transform = CATransform3DIdentity;
        cell.alpha = 1;
        cell.layer.shadowOffset = CGSizeMake(0, 0);
        [UIView commitAnimations];

2.改變圖片的transform屬性尺锚,讓圖片不在cell中顯示完

cell層次.png
cell上的圖片偏移.png
- (CGFloat)cellOffset {

    //得到cell在屏幕中的坐標(biāo)
    CGRect centerToWindow = [self convertRect:self.bounds toView:self.window];
    //得到cell中心y的坐標(biāo)
    CGFloat centerY = CGRectGetMidY(centerToWindow);
    //得到父視圖的中心點(diǎn)
    CGPoint windowCenter = self.superview.center;
    //得到距離差
    CGFloat cellOffsetY = centerY - windowCenter.y;
    NSLog(@"------%f",cellOffsetY);
    //距離差/兩個(gè)父視圖高度
    CGFloat offsetDig =  cellOffsetY / self.superview.frame.size.height *2;
    //250是cell高度,kHeight/1.7是圖片高度
    CGFloat offset =  -offsetDig * (kHeight/1.7 - 250)/2;
    NSLog(@"%f",offset);
    //這項(xiàng)就可以實(shí)現(xiàn)讓他初始向上偏移讶凉,有偏移多的有偏移少的
    CGAffineTransform transY = CGAffineTransformMakeTranslation(0,offset);
    //改變圖片的transfrom
    self.picture.transform = transY;
    return offset;
}

當(dāng)列表正在滾動(dòng)的時(shí)候

iOS6.gif
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
        //獲取可以見到的 cell,讓圖片在cell坐標(biāo)改變的時(shí)候偏移
     NSArray<EveryDayTableViewCell *> *array = [self.tableView visibleCells];
        [array enumerateObjectsUsingBlock:^(EveryDayTableViewCell * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            [obj cellOffset];
            
        }];

    }

下載鏈接

http://code.cocoachina.com/view/129333

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末染乌,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子懂讯,更是在濱河造成了極大的恐慌荷憋,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件褐望,死亡現(xiàn)場離奇詭異勒庄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)瘫里,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門实蔽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人谨读,你說我怎么就攤上這事局装。” “怎么了?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵铐尚,是天一觀的道長阶冈。 經(jīng)常有香客問我,道長塑径,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任填具,我火速辦了婚禮统舀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘劳景。我一直安慰自己誉简,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布盟广。 她就那樣靜靜地躺著闷串,像睡著了一般。 火紅的嫁衣襯著肌膚如雪筋量。 梳的紋絲不亂的頭發(fā)上烹吵,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天,我揣著相機(jī)與錄音桨武,去河邊找鬼肋拔。 笑死,一個(gè)胖子當(dāng)著我的面吹牛呀酸,可吹牛的內(nèi)容都是我干的凉蜂。 我是一名探鬼主播,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼性誉,長吁一口氣:“原來是場噩夢啊……” “哼窿吩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起错览,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤纫雁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后倾哺,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體先较,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年悼粮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了闲勺。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,115評論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡扣猫,死狀恐怖菜循,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情申尤,我是刑警寧澤癌幕,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布衙耕,位于F島的核電站,受9級特大地震影響勺远,放射性物質(zhì)發(fā)生泄漏橙喘。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一胶逢、第九天 我趴在偏房一處隱蔽的房頂上張望厅瞎。 院中可真熱鬧,春花似錦初坠、人聲如沸和簸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽锁保。三九已至,卻和暖如春半沽,著一層夾襖步出監(jiān)牢的瞬間爽柒,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工者填, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留霉赡,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓幔托,卻偏偏與公主長得像穴亏,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子重挑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,055評論 2 355

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫嗓化、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • 女兒是母親的小棉襖谦屑,一輩子。這樣的棉襖不分季節(jié)篇梭,冬天穿著暖心氢橙,夏天穿著舒爽。 昨天女兒的作文題目是“媽媽恬偷,我想對你...
    花隨鶯愿閱讀 848評論 4 10
  • 竭盡全力之后的筋疲力盡悍手,這種感覺之前在跑步中體驗(yàn)過一次,超贊!可不可以把這種體驗(yàn)移植到“關(guān)系”和“事業(yè)”中呢坦康? 自...
    xll2068閱讀 756評論 0 3
  • 我只是敢和別人不一樣的 就算不能證明我可以竣付,也要證明我不可以 曾經(jīng)的曾經(jīng),后來的后來滞欠。
    鴨蛋閱讀 307評論 0 1
  • 1 前些日子接到一個(gè)朋友的求助:假期兒子和表哥在家玩,表哥告狀說朋友的兒子偷吃了一塊餅干(朋友平時(shí)不給兒子吃餅干)...
    象媽閱讀 383評論 0 0