欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

iOS動(dòng)畫特效之立方體翻轉(zhuǎn)

 更新時(shí)間:2016年08月03日 11:18:02   作者:小明大神  
今天起為大家?guī)韎OS動(dòng)畫特效合集之立方體翻轉(zhuǎn),APP如美女,動(dòng)畫如衣裳,趕緊為她披上漂亮的衣裝吧!

先來看看效果:

下面進(jìn)入正題,是時(shí)候展現(xiàn)真正的技術(shù)了:

首先在控制器里添加一個(gè)scrollView,再在scrollView上的對(duì)應(yīng)位置上添加要展示的imageView(立方體視圖組),當(dāng)然也可以放上其它子控制器的view實(shí)現(xiàn)更多功能這個(gè)隨意不是重點(diǎn)

//*******添加scrollView*******
  [self createScrollView];

//******創(chuàng)建立方體視圖組******
  [self createCubicViewArray];
//添加視圖到scrollView上
  for (int i=0; i<_viewArray.count; i++) {

    UIImageView *transView=_viewArray[i];

    //視圖在scrollView上對(duì)應(yīng)的位置
    transView.x=self.view.bounds.size.width * i;

監(jiān)聽scrollView的滑動(dòng)事件,在這里要先獲取到顯示的當(dāng)前頁、上一頁、下一頁,然后讓這三個(gè)頁面同時(shí)做3DTransform變換

#pragma mark - scrollView滑動(dòng)事件
-(void)scrollViewDidScroll:(UIScrollView *)scrollView{

  //當(dāng)前頁數(shù)
  NSInteger currentPage=_currentPage;

  //當(dāng)前視圖
  UIView *currentView=_viewArray[currentPage];

  //上一個(gè)視圖
  UIView *lastView=nil;

  if (currentPage-1>=0) {

    lastView=_viewArray[currentPage-1];
  }

  //下一個(gè)視圖控制器視圖
  UIView *nextView;

  if (currentPage+1<=3) {

    nextView=_viewArray[currentPage+1];
  }

  //本次偏移距離
  CGFloat currentOffset=scrollView.contentOffset.x-currentPage*self.view.bounds.size.width;

  //本次偏移角度
  CGFloat deltaAngle=currentOffset/self.view.bounds.size.width * M_PI_2;

  //****************當(dāng)前視圖移動(dòng)變幻***************

  //設(shè)置錨點(diǎn)
  currentView.layer.anchorPoint=CGPointMake(0.5, 0.5);

  //向屏幕前方移動(dòng)
  CATransform3D move = CATransform3DMakeTranslation(0, 0, self.view.bounds.size.width/2);

  //旋轉(zhuǎn)
  CATransform3D rotate = CATransform3DMakeRotation(-deltaAngle, 0, 1, 0);

  //平移
  CATransform3D plaintMove=CATransform3DMakeTranslation( currentOffset, 0, 0);

  //向屏幕后方移動(dòng)
  CATransform3D back = CATransform3DMakeTranslation(0, 0, -self.view.bounds.size.width/2);

  //連接
  CATransform3D concat=CATransform3DConcat( CATransform3DConcat(move, CATransform3DConcat(rotate, plaintMove)),back);

  CATransform3D transform=CATransform3DPerspect(concat, CGPointMake(currentOffset/2, self.view.bounds.size.height), 5000.0f);

  //添加變幻特效
  currentView.layer.transform=transform;

  //****************下一個(gè)視圖移動(dòng)變幻***************

  //設(shè)置錨點(diǎn)
  nextView.layer.anchorPoint=CGPointMake(0.5, 0.5);

  //向屏幕前方移動(dòng)
  CATransform3D move2 = CATransform3DMakeTranslation(0, 0, self.view.bounds.size.width/2);

  //旋轉(zhuǎn)
  CATransform3D rotate2 = CATransform3DMakeRotation(-deltaAngle+M_PI_2, 0, 1, 0);

  //平移
  CATransform3D plaintMove2=CATransform3DMakeTranslation( currentOffset-self.view.bounds.size.width, 0, 0);

  //向屏幕后方移動(dòng)
  CATransform3D back2 = CATransform3DMakeTranslation(0, 0, -self.view.bounds.size.width/2);

  //拼接
  CATransform3D concat2=CATransform3DConcat( CATransform3DConcat(move2, CATransform3DConcat(rotate2, plaintMove2)),back2);

  CATransform3D transform2=CATransform3DPerspect(concat2, CGPointMake(self.view.bounds.size.width/2+currentOffset/2, self.view.bounds.size.height), 5000.0f);

  //添加變幻特效
  nextView.layer.transform=transform2;

  //****************上一個(gè)視圖移動(dòng)變幻***************

  //設(shè)置錨點(diǎn)
  lastView.layer.anchorPoint=CGPointMake(0.5, 0.5);

  //向屏幕前方移動(dòng)
  CATransform3D move3 = CATransform3DMakeTranslation(0, 0, self.view.bounds.size.width/2);

  //旋轉(zhuǎn)
  CATransform3D rotate3 = CATransform3DMakeRotation(-deltaAngle-M_PI_2, 0, 1, 0);

  //平移
  CATransform3D plaintMove3=CATransform3DMakeTranslation( currentOffset+self.view.bounds.size.width, 0, 0);

  //向屏幕后方移動(dòng)
  CATransform3D back3 = CATransform3DMakeTranslation(0, 0, -self.view.bounds.size.width/2);

  //拼接
  CATransform3D concat3=CATransform3DConcat(CATransform3DConcat(move3, CATransform3DConcat(rotate3, plaintMove3)),back3);

  CATransform3D transform3=CATransform3DPerspect(concat3, CGPointMake(-self.view.bounds.size.width/2+currentOffset/2, self.view.bounds.size.height), 5000.0f);

  //添加變幻特效
  lastView.layer.transform=transform3;
}

這里記得要復(fù)原一下3D變換,不然滑快了會(huì)出現(xiàn)頁面錯(cuò)亂

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

  //改變選中頁序號(hào)
  [self changeIndex];

  //3D變幻恢復(fù)原狀態(tài)
  for (UIView * view in _viewArray) {

    view.layer.transform=CATransform3DIdentity;
  }
}

對(duì)了,記得添加一個(gè)很重要的透視變換函數(shù),核心在于仿射矩陣的m34屬性,這樣才會(huì)產(chǎn)生遠(yuǎn)小近大的3D效果,讓動(dòng)畫更炫酷

//3D透視函數(shù)
CATransform3D CATransform3DMakePerspective(CGPoint center, float disZ)
{
  CATransform3D transToCenter = CATransform3DMakeTranslation(-center.x, -center.y, 0);
  CATransform3D transBack = CATransform3DMakeTranslation(center.x, center.y, 0);
  CATransform3D scale = CATransform3DIdentity;
  scale.m34 = -1.0f/disZ;
  return CATransform3DConcat(CATransform3DConcat(transToCenter, scale), transBack);
}

這一篇文章就到這里了,大家有什么意見和問題記得及時(shí)反饋,希望本文對(duì)大家開發(fā)IOS有所幫助。

相關(guān)文章

  • 詳解iOS中多個(gè)網(wǎng)絡(luò)請(qǐng)求的同步問題總結(jié)

    詳解iOS中多個(gè)網(wǎng)絡(luò)請(qǐng)求的同步問題總結(jié)

    這篇文章主要介紹了詳解iOS中多個(gè)網(wǎng)絡(luò)請(qǐng)求的同步問題總結(jié),小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-05-05
  • iOS自定義UICollectionViewLayout實(shí)現(xiàn)瀑布流布局

    iOS自定義UICollectionViewLayout實(shí)現(xiàn)瀑布流布局

    這篇文章主要為大家詳細(xì)介紹了iOS自定義UICollectionViewLayout實(shí)現(xiàn)瀑布流布局,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • NSString屬性何時(shí)用strong何時(shí)用copy?

    NSString屬性何時(shí)用strong何時(shí)用copy?

    相信各位iOS開發(fā)者們都考慮過這個(gè)問題,平時(shí)寫NSString的屬性時(shí)都用copy,那strong要何時(shí)用呢?下面這篇文章就來看一下什么時(shí)候應(yīng)該用copy,什么時(shí)候應(yīng)該用strong。有需要的朋友們可以參考借鑒,下面來一起看看吧。
    2016-12-12
  • iOS實(shí)現(xiàn)拼圖小游戲

    iOS實(shí)現(xiàn)拼圖小游戲

    這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)拼圖小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • iOS輸入框(UITextField)密碼明暗文切換方法

    iOS輸入框(UITextField)密碼明暗文切換方法

    這篇文章主要介紹了iOS輸入框(UITextField)密碼明暗文的切換方法,代碼簡短實(shí)用,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • 實(shí)例講解設(shè)計(jì)模式中的命令模式在iOS App開發(fā)中的運(yùn)用

    實(shí)例講解設(shè)計(jì)模式中的命令模式在iOS App開發(fā)中的運(yùn)用

    這篇文章主要介紹了設(shè)計(jì)模式中的命令模式在iOS App開發(fā)中的運(yùn)用,文中還講到了Cocoa框架下使用的例子,實(shí)例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下
    2016-03-03
  • iOS新浪微博、騰訊微博分享功能實(shí)例

    iOS新浪微博、騰訊微博分享功能實(shí)例

    這篇文章主要為大家詳細(xì)介紹了iOS新浪微博、騰訊微博分享功能實(shí)例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • iOS中containsString和rangeOfString的區(qū)別小結(jié)

    iOS中containsString和rangeOfString的區(qū)別小結(jié)

    這篇文章主要給大家總結(jié)介紹了關(guān)于iOS中containsString和rangeOfString的一些區(qū)別,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2018-01-01
  • iOS10 推送最新特性研究

    iOS10 推送最新特性研究

    這篇文章主要為大家詳細(xì)研究了iOS10 推送的最新特性,推送內(nèi)容更加豐富,感興趣的小伙伴們可以參考一下
    2016-09-09
  • iOs遷至WKWebView跨過的一些坑

    iOs遷至WKWebView跨過的一些坑

    這篇文章主要給大家介紹了關(guān)于iOs遷至WKWebView跨過的一些坑,文中通過示例代碼介紹的非常詳細(xì),對(duì)各位iOS開發(fā)者們具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09

最新評(píng)論