iOS核心动画CoreAnimation系统进阶(点赞经典动画 CAEmitterLayer 粒子动画详解)

• 1.图片变了

[_linkBtn setImage:[UIImage imageNamed:@"default"] forState:UIControlStateNormal];
    [_linkBtn setImage:[UIImage imageNamed:@"select"] forState:UIControlStateSelected];

• 2.大小变了:使用关键帧动画CAKeyframeAnimation改变大小，判断用户是点赞还是取消点赞，绘制不同的幅度的大小的改变

-(void)linkBtnClick:(UIButton *)btn{
    btn.selected = !btn.selected;
    //关键帧动画 改变大小
    CAKeyframeAnimation * anim =[CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
    if (btn.selected) {
        anim.values = @[@1.5,@.8,@1,@1.2,@1];
        anim.duration = .6;
    }else{
        anim.values = @[@.8,@1.0];
        anim.duration = .4;
    }
    [_linkBtn.layer addAnimation:anim forKey:nil];
}

• 3.爆炸效果(CAEmitterLayer 粒子动画)

-(void)linkBtnClick:(UIButton *)btn{
    btn.selected = !btn.selected;
    //关键帧动画 改变大小
    CAKeyframeAnimation * anim =[CAKeyframeAnimation animationWithKeyPath:@"transform.scale"];
    if (btn.selected) {
        anim.values = @[@1.5,@.8,@1,@1.2,@1];
        anim.duration = .6;
        [self addExplosionAnim];
    }else{
        anim.values = @[@.8,@1.0];
        anim.duration = .4;
    }
    [_linkBtn.layer addAnimation:anim forKey:nil];
}
-(void)addExplosionAnim{
    _emitterLayer.beginTime = CACurrentMediaTime();//同一时间出发
    _emitterLayer.birthRate = 1;
}

- (void)explosion{
    _emitterLayer = [CAEmitterLayer layer];
    //CAEmitterCell 相当于粒子动画中的一个粒子，比如烟花动画，cell就是每一朵烟花
    CAEmitterCell * cell =[[CAEmitterCell alloc]init];
    cell.name = @"explosionCell";//设置标识
    cell.lifetime = .7;//存活时间
    cell.birthRate = 4000;//数量，一秒钟产生4000个
    cell.velocity = 50; //初始化速度
    cell.velocityRange = 15;//速度范围
    cell.scale =.03;//缩小比例
    cell.scaleRange =.02;//比例范围
    cell.contents =(id)[UIImage imageNamed:@"sparkle"].CGImage;//设置图片

    _emitterLayer.name = @"explosionLayer";
    _emitterLayer.emitterShape = kCAEmitterLayerCircle;//设置形状
    _emitterLayer.emitterMode = kCAEmitterLayerOutline;//设置模式,从哪个位置发出，从发射器边缘发射
    _emitterLayer.emitterSize = CGSizeMake(25, 0);//设置大小
    _emitterLayer.emitterCells = @[cell];//可以设置多种cell
    _emitterLayer.renderMode = kCAEmitterLayerOldestFirst;//渲染模式，越早的在上面
    _emitterLayer.masksToBounds = NO;//为了防止它在边缘消失
    _emitterLayer.birthRate = 0;//整个例子的数量
    _emitterLayer.zPosition =0;//层级关系越小的在上面
    _emitterLayer.position = CGPointMake(CGRectGetWidth(_linkBtn.bounds)/2, CGRectGetHeight(_linkBtn.bounds)/2);//设置位置
    [_linkBtn.layer addSublayer:_emitterLayer];
}

• 4.设置延时停止动画

-(void)addExplosionAnim{
    _emitterLayer.beginTime = CACurrentMediaTime();//同一时间出发
    _emitterLayer.birthRate = 1;

    dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(.15 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
        self->_emitterLayer.birthRate = 0;
    });
}

最终效果图

gitHub下载地址