动画效果animation

iOS动画暂停和继续

2019-03-01  本文已影响0人  Oceanj

执行动画过程中暂停和继续上次动画的状态继续执行动画,需要用到layer.speed 和 layer.timeOffset, layer.beginTime.
基本做法就是记录暂停时的动画时间,然后继续动画时将开始时间设置为上次暂停的时间。下面是个旋转动画的暂停和继续。

-(void)startAnimating
{
    //先判断是否已设置动画,如果已设置则执行动画
    if([_coverImageView.layer animationForKey:@"rotatianAnimKey"]){
        //如果动画正在执行则返回,避免重复执行动画
        if (_coverImageView.layer.speed == 1) {
            //speed == 1表示动画正在执行
            return;
        }
        //让动画执行
        _coverImageView.layer.speed = 1;
        
        //取消上次设置的时间
        _coverImageView.layer.beginTime = 0;
        //获取上次动画停留的时刻
        CFTimeInterval pauseTime = _coverImageView.layer.timeOffset;
            
        //取消上次记录的停留时刻
        _coverImageView.layer.timeOffset = 0;
        
        //计算暂停的时间,设置相对于父坐标系的开始时间
        _coverImageView.layer.beginTime = [_coverImageView.layer convertTime:CACurrentMediaTime() fromLayer:nil] - pauseTime;
        
    }else{//没有设置动画
        
        //添加动画
        [self addAnimation];
    }
}
-(void)addAnimation
{
    CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];//rotation.z
    //默认是顺时针效果,若将fromValue和toValue的值互换,则为逆时针效果
    animation.toValue =   [NSNumber numberWithFloat: M_PI *2];
    animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionLinear];
    animation.duration = 40;//执行一周40秒
    animation.autoreverses = NO;
    animation.cumulative = NO;
    animation.removedOnCompletion = NO;
    animation.fillMode = kCAFillModeForwards;
    animation.repeatCount = FLT_MAX; //如果这里想设置成一直自旋转,可以设置为FLT_MAX,
    [_coverImageView.layer addAnimation:animation forKey:@"rotatianAnimKey"];
    //添加动画之后,再让动画执行,否则可能出现动画不执行的情况
    [self startAnimating];
}

-(void)stopAnimating
{
    //如果动画已经暂停,则返回,避免重复,时间会记录错误,造成动画继续后不能连续。
    if (_coverImageView.layer.speed == 0) {
        return;
    }
    //将当前动画执行到的时间保存到layer的timeOffet中
   //一定要先获取时间再暂停动画
    CFTimeInterval pausedTime = [_coverImageView.layer convertTime:CACurrentMediaTime() fromLayer:nil];
    //将动画暂停
    _coverImageView.layer.speed = 0;
    //记录动画暂停时间
    _coverImageView.layer.timeOffset = pausedTime;
    
    
}
上一篇 下一篇

猜你喜欢

热点阅读