今天寫(xiě)Layer Animations是為了記錄自己學(xué)習(xí)的過(guò)程。如有想學(xué)習(xí)UI view Animation 的可以看看iOS動(dòng)畫(huà)之UIView動(dòng)畫(huà),IOS開(kāi)發(fā)－UIView之動(dòng)畫(huà)效果的實(shí)現(xiàn)方法（合集）

Core Animation是直接作用在CALayer上的(并非UIView上)非常強(qiáng)大的跨Mac OS X和iOS平臺(tái)的動(dòng)畫(huà)處理API罪治，Core Animation的動(dòng)畫(huà)執(zhí)行過(guò)程都是在后臺(tái)操作的，不會(huì)阻塞主線(xiàn)程乎澄。

核心動(dòng)畫(huà)繼承結(jié)構(gòu)

繼承結(jié)構(gòu)

詳解

1. CABasicAnimation提供了最基礎(chǔ)的動(dòng)畫(huà)屬性設(shè)置浙于，是簡(jiǎn)單的keyframe動(dòng)畫(huà)性能。CABasicAnimation可以看做是一種CAKeyframeAnimation的簡(jiǎn)單動(dòng)畫(huà)挟纱，因?yàn)樗挥蓄^尾的關(guān)鍵幀（keyframe）羞酗。

2. CAKeyframeAnimation提供了通用的keyframe動(dòng)畫(huà)功能層的屬性給我們使用，它允許我們?cè)O(shè)置一個(gè)特定的數(shù)組紊服，這個(gè)數(shù)組是動(dòng)畫(huà)在運(yùn)動(dòng)時(shí)的值檀轨。也就是說(shuō)胸竞，CAKeyframeAnimation支持動(dòng)畫(huà)的多個(gè)值設(shè)置。

我們可以說(shuō) CABasicAnimation是對(duì)CAkeyFrameanimation一個(gè)簡(jiǎn)單的封裝参萄。
下表是使用動(dòng)畫(huà)的基本屬性

圖 2-1

圖 2-2

圖3

圖4

以上圖片均來(lái)自網(wǎng)絡(luò)

CABasicAnimation示例代碼

   CABasicAnimation * animation = [CABasicAnimation animation];
    animation.keyPath = @"position";//KVC的方式來(lái)訪(fǎng)問(wèn)屬性
    animation.fromValue =[NSValue valueWithCGPoint:CGPointMake(100, 100)];;//該屬性開(kāi)始的值
//    animation.toValue = [NSValue valueWithCGPoint:CGPointMake(300, 300)];;//結(jié)束的值
    animation.byValue = [NSValue valueWithCGPoint:CGPointMake(300, 300)];
    animation.duration = 2;//持續(xù)時(shí)間
    animation.repeatCount = HUGE_VALF;//無(wú)限循環(huán)
    animation.speed = 1;//速度
//    animation.repeatDuration = 10;//在多久哪動(dòng)畫(huà)有效
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut];//結(jié)束函數(shù)
    animation.autoreverses= YES;//回歸是否是動(dòng)畫(huà)形式
    [_maskView.layer addAnimation:animation forKey:@"ad"];//添加動(dòng)畫(huà)

CAAnimationGroup的使用

此類(lèi)就是一個(gè)動(dòng)畫(huà)數(shù)組自己沒(méi)有執(zhí)行動(dòng)畫(huà)的能力田晚，就是來(lái)做組合動(dòng)畫(huà)玄括。

    CABasicAnimation *positionAnima = [CABasicAnimation animationWithKeyPath:@"position.y"];
    positionAnima.fromValue = @(self.maskView.center.y);
    positionAnima.toValue = @(self.maskView.center.y-30);
    positionAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
    
    
    CABasicAnimation *transformAnima = [CABasicAnimation animationWithKeyPath:@"transform.rotation.y"];
    transformAnima.fromValue = @(0);
    transformAnima.toValue = @(M_PI);
    transformAnima.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    
    CAAnimationGroup *animaGroup = [CAAnimationGroup animation];
    animaGroup.duration = 2.0f;
    animaGroup.fillMode = kCAFillModeForwards;
    animaGroup.removedOnCompletion = NO;
    animaGroup.animations = @[positionAnima,transformAnima];
    
    [self.maskView.layer addAnimation:animaGroup forKey:@"Animation"];

CASpringAnimation阻尼動(dòng)畫(huà)

通俗的說(shuō)就是彈簧效果,使用起來(lái)很簡(jiǎn)單。

CATransition轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

  CATransition *animation = [CATransition animation];
//    //動(dòng)畫(huà)時(shí)間
    animation.duration = 5.0f;
    //display mode, slow at beginning and end
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
    //在動(dòng)畫(huà)執(zhí)行完時(shí)是否被移除
    animation.removedOnCompletion = NO;
    animation.repeatCount = 100;
    //過(guò)渡效果
    animation.type = @"pageCurl";
    //過(guò)渡方向
    animation.subtype = kCATransitionFromRight;
    animation.fillMode = kCAFillModeForwards;
    //animation.filter = filter;
    //動(dòng)畫(huà)停止(在整體動(dòng)畫(huà)的百分比).
    animation.endProgress = 0.7;
    [_maskView.layer addAnimation:animation forKey:nil];

加濾鏡轉(zhuǎn)場(chǎng)動(dòng)畫(huà)

加濾鏡

 //將UIImage轉(zhuǎn)換成CIImage
    CIImage *ciImage = [[CIImage alloc] initWithImage:[UIImage imageNamed:@"白胡子.jpg"]];
    //創(chuàng)建濾鏡
    CIFilter *filter = [CIFilter filterWithName:@"CIPhotoEffectMono" keysAndValues:kCIInputImageKey, ciImage, nil];
    //已有的值不改變堡僻，其他的設(shè)為默認(rèn)值
    [filter setDefaults];
    //獲取繪制上下文
    CIContext *context = [CIContext contextWithOptions:nil];
    //渲染并輸出CIImage
    CIImage *outputImage = [filter outputImage];
    //創(chuàng)建CGImage句柄
    CGImageRef cgImage = [context createCGImage:outputImage fromRect:[outputImage extent]];
    //獲取圖片
    UIImage *image = [UIImage imageWithCGImage:cgImage];
    //釋放CGImage句柄
    CGImageRelease(cgImage);
    self.maskView.image = image;
   CATransition *animation = [CATransition animation];
//    //動(dòng)畫(huà)時(shí)間
    animation.duration = 5.0f;
    //display mode, slow at beginning and end
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
    //在動(dòng)畫(huà)執(zhí)行完時(shí)是否被移除
    animation.removedOnCompletion = NO;
    animation.repeatCount = 100;
    //過(guò)渡效果
//    animation.type = @"pageCurl";
//    //過(guò)渡方向
//    animation.subtype = kCATransitionFromRight;
//    //暫時(shí)不知,感覺(jué)與Progress一起用的,如果不加,Progress好像沒(méi)有效果
//    animation.fillMode = kCAFillModeForwards;
    animation.filter = filter;
//    //動(dòng)畫(huà)停止(在整體動(dòng)畫(huà)的百分比).
//    animation.endProgress = 0.7;
    [_maskView.layer addAnimation:animation forKey:nil];

過(guò)濾器必須實(shí)現(xiàn)‘inputImage’,‘inputTargetImage’和‘inputTime輸入鍵和“outputImage”輸出的關(guān)鍵糠惫。

CAKeyframeAnimation 關(guān)鍵幀動(dòng)畫(huà)

The appropriate values in the keyTimes array are dependent on the calculationMode property.

1. If the calculationMode is set to kCAAnimationLinear, the first value in the array must be 0.0 and the last value must be 1.0. Values are interpolated between the specified key times.
2. If the calculationMode is set to kCAAnimationDiscrete, the first value in the array must be 0.0.
3. If the calculationMode is set to kCAAnimationPaced or kCAAnimationCubicPaced, the keyTimes array is ignored固阁。

不知道怎么用等了解之后再來(lái)更新
kCAAnimationCubic對(duì)關(guān)鍵幀為坐標(biāo)點(diǎn)的關(guān)鍵幀進(jìn)行圓滑曲線(xiàn)相連后插值計(jì)算,曲線(xiàn)的形狀可以通過(guò)tensionValues,continuityValues,biasValues來(lái)進(jìn)行調(diào)整自定義,使得運(yùn)動(dòng)的軌跡變得圓滑;

用 path來(lái)繪制動(dòng)畫(huà)路徑

2016-11-23 13_45_20.gif

  CGMutablePathRef
    path = CGPathCreateMutable();
    //將路徑的起點(diǎn)定位到 （50  120）
    CGPathMoveToPoint(path,NULL,50.0,120.0);
    //下面5行添加5條直線(xiàn)的路徑到path中
    CGPathAddLineToPoint(path,
                         NULL, 60, 130);
    CGPathAddLineToPoint(path,
                         NULL, 70, 140);
    CGPathAddLineToPoint(path,
                         NULL, 80, 150);
    CGPathAddLineToPoint(path,
                         NULL, 90, 160);
    CGPathAddLineToPoint(path,
                         NULL, 100, 170);
    //下面四行添加四條曲線(xiàn)路徑到path
    CGPathAddCurveToPoint(path,NULL,50.0,275.0,150.0,275.0,70.0,120.0);
    CGPathAddCurveToPoint(path,NULL,150.0,275.0,250.0,275.0,90.0,120.0);
    CGPathAddCurveToPoint(path,NULL,250.0,275.0,350.0,275.0,110.0,120.0);
    CGPathAddCurveToPoint(path,NULL,350.0,275.0,450.0,275.0,130.0,120.0);
    CAKeyframeAnimation *KeyframeAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
    KeyframeAnimation.path = path;
    KeyframeAnimation.duration = 5;
    KeyframeAnimation.calculationMode = kCAAnimationCubic;
    KeyframeAnimation.rotationMode = kCAAnimationRotateAuto;
//    KeyframeAnimation.keyTimes
    [_maskView.layer addAnimation:KeyframeAnimation forKey:nil];

values動(dòng)畫(huà)

 CGPoint
    p1=CGPointMake(50, 120);
    CGPoint
    p2=CGPointMake(80, 170);
    CGPoint
    p3=CGPointMake(30, 100);
    CGPoint
    p4=CGPointMake(100, 190);
    CGPoint
    p5=CGPointMake(200, 10);
    NSArray
    *values=[NSArray arrayWithObjects:[NSValue valueWithCGPoint:p1],[NSValue valueWithCGPoint:p2],[NSValue valueWithCGPoint:p3],[NSValue valueWithCGPoint:p4],[NSValue valueWithCGPoint:p5], nil];
    CAKeyframeAnimation *KeyframeAnimation = [CAKeyframeAnimation animationWithKeyPath:@"position"];
//    KeyframeAnimation.path = path;
    KeyframeAnimation.values = values;
    KeyframeAnimation.duration = 5;
    KeyframeAnimation.calculationMode = kCAAnimationCubic;
    KeyframeAnimation.rotationMode = kCAAnimationRotateAuto;
//    KeyframeAnimation.keyTimes
    [_maskView.layer addAnimation:KeyframeAnimation forKey:nil];