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