CoreAnimation的使用，由简到难

源码请点击github地址下载。

首先看一下如下效果图感兴趣再继续查看。

screen.gif


初级主要功能如下：

- (void)testCoreAnima
{
    //画音量调节的效果
    [self test1];
    
    //画一个圈的效果，模仿加载进度
    [self test2];
    
    //显示指定形状的图片或其它视图
    [self test3];
    
    //画UIBezierPath
    [self pathAnimation];
    
    //抖动效果
    [self shakeAnimation];
    
    //旋转动画
    [self rotateAnimation];
    
    //执行的组动画
    [self groupAnimation];
    
#warning 点击或拖动右下角的按钮跳转
    [self createBestAnima];
}

高级主要功能如下：

    //仿造facebook，点赞动画
    [self clickGoodAnimation];
    //仿Path 菜单动画
    [self pathAnimation];
    //仿造钉钉菜单动画
    [self dingdingAnimation];

1.下面贴出显示指定形状的图片视图或其它视图功能的代码:

- (void)test3
{
    UIImageView *imgView = [[UIImageView alloc] initWithFrame:CGRectMake(20, 250, 100, 150)];
    imgView.backgroundColor = [UIColor orangeColor];
    imgView.image = [UIImage imageNamed:@"00"];
    
    [self.view addSubview:imgView];
    
    CAShapeLayer *layer = [self createMaskLayerWithView:imgView];
    imgView.layer.mask = layer;
}

- (CAShapeLayer *)createMaskLayerWithView: (UIView *)view
{
    
    CGFloat viewWidth = CGRectGetWidth(view.frame);
    CGFloat viewHeight = CGRectGetHeight(view.frame);
    
    CGFloat rightSpace = 30.0;
    CGFloat topSpace = 35.0;
    
    CGPoint point1 = CGPointMake(0, 0);
    CGPoint point2 = CGPointMake(viewWidth-rightSpace, 0);
    CGPoint point3 = CGPointMake(viewWidth-rightSpace, topSpace);
    CGPoint point4 = CGPointMake(viewWidth, topSpace);
    CGPoint point5 = CGPointMake(viewWidth-rightSpace, topSpace+rightSpace);
    CGPoint point6 = CGPointMake(viewWidth-rightSpace, viewHeight);
    CGPoint point7 = CGPointMake(0, viewHeight);
    
    UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:point1];
    [path addLineToPoint:point2];
    [path addLineToPoint:point3];
    [path addLineToPoint:point4];
    [path addLineToPoint:point5];
    [path addLineToPoint:point6];
    [path addLineToPoint:point7];
    [path closePath];
    
    CAShapeLayer *layer = [CAShapeLayer layer];
    layer.path = path.CGPath;
    
    return layer;
}

效果如下图：

screen.png


就是根据point1～point7这七个点折线围成的一个封闭区域所绘制的一个图形。

---

2.执行的组动画代码如下

- (void)groupAnimation
{
    UIImageView *_demoView = [[UIImageView alloc] initWithFrame:CGRectMake((SCREEN_WIDTH-20)/2.0, SCREEN_HEIGHT, 20, 20)];
    _demoView.image = [UIImage imageNamed:@"huan"];
    [self.view addSubview:_demoView];
    
    CFTimeInterval currentTime = CACurrentMediaTime();
    //位移动画
    CABasicAnimation *anima1 = [CABasicAnimation animationWithKeyPath:@"position"];
    anima1.fromValue = [NSValue valueWithCGPoint:CGPointMake((SCREEN_WIDTH-20)/2.0, SCREEN_HEIGHT)];
    anima1.toValue = [NSValue valueWithCGPoint:CGPointMake((SCREEN_WIDTH-20)/2.0, SCREEN_HEIGHT-120)];
    anima1.beginTime = currentTime;
    anima1.duration = 1.0f;
    anima1.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
    anima1.fillMode = kCAFillModeForwards;
    anima1.removedOnCompletion = NO;
    [_demoView.layer addAnimation:anima1 forKey:@"aa"];
    
    //缩放动画
    CABasicAnimation *anima2 = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
    anima2.fromValue = [NSNumber numberWithFloat:1.0f];
    anima2.toValue = [NSNumber numberWithFloat:2.0f];
    anima2.beginTime = currentTime+0.8f;
    anima2.duration = 1.0f;
    anima1.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
    anima2.fillMode = kCAFillModeForwards;
    anima2.removedOnCompletion = NO;
    [_demoView.layer addAnimation:anima2 forKey:@"bb"];
    
    //旋转动画
    CABasicAnimation *anima3 = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];
    anima3.toValue = [NSNumber numberWithFloat:M_PI*4];
    anima3.beginTime = currentTime+1.0f;
    anima3.duration = 1.0f;
    anima3.fillMode = kCAFillModeForwards;
    anima3.removedOnCompletion = NO;
    [_demoView.layer addAnimation:anima3 forKey:@"cc"];
}

---

3.更多功能代码点击github地址下载源码查看。

---

QQ:2239344645 我的github