美文网首页动画效果animation
iOS动画暂停和继续

iOS动画暂停和继续

作者: Oceanj | 来源:发表于2019-03-01 14:38 被阅读0次

    执行动画过程中暂停和继续上次动画的状态继续执行动画,需要用到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;
        
        
    }
    

    相关文章

      网友评论

        本文标题:iOS动画暂停和继续

        本文链接:https://www.haomeiwen.com/subject/yteduqtx.html