动画是在APP开发中经常用到的东西,开发中我们经常会遇到一些复杂的动画,其实抛开来看,动画没有那么难,我们尽量剖析解开来做,而且最难得动画使我们怎么才能把CPU和GPU和内存消耗降到最低,所以我们.
CAKeyframeAnimation*keyOpintFrame = [CAKeyframeAnimationanimationWithKeyPath:@"position"];
常用的path有:
position:不限制方向和位置 position.x x方向的移动 position.y y方向的移动
bounds :放大缩小视图 bounds.size 动画让视图变大和缩小
transform :可以做到旋转
transform.scale : 比例转换
transform.scale.x : 宽的比例转换
transform.scale.y : 高的比例转换
transform.rotation.z = 平面图的转换
记住上面的path基本的酷炫动画都能用的
下面介绍animation的一些方法
values方法:他是一个数组,他存放一些参数,比如你的一个从右到左的动画,可以写写上起始坐标和末尾坐标:
NSValue *locusValue = [NSValue valueWithCGPoint:self.oneImageView.bounds.origin];
locusKeyAnimation.values = [NSValue valueWithCGAffineTransform:<#(CGAffineTransform)#>];
locusKeyAnimation.values = [NSValue valueWithCATransform3D:<#(CATransform3D)#>];
NSArray*locusArray =@[locusValue,locusValue1,locusValue2,locusValue3];
locusKeyAnimation.values= locusArray;
keyTimes:这是一个轨迹动画的时间的数组
这里面数组的起始位置和末尾的数是0和1,如果我们不设置这个方法的话,轨迹动画的时间是time = duration/(values-1); 设置之后的会变化,举个例子:
@[@(0),@(0.2),@(0.5),@(1)];这里面设置的三个的动画时间,假设总时间是10秒,
第一段的时间为2秒(0.2 - 0)*10 第二段的时间为3秒(0.5-0.2)*10 第三段的时间为5秒(1-0.5)*10
duration:动画的总时间
begintime:延迟执行rectRunAnimation.beginTime=CACurrentMediaTime()+1;延时一秒执行
rectRunAnimation.timingFunctions:这个也是数组,这个翻译就是时间的运行方式,就是我们每个时间段下面动画的运行方式,系统提供的是五中中
rectRunAnimation.timingFunctions=@[[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut]];
CAMediaTimingFunctionLinear
CAMediaTimingFunctionEaseIn
CAMediaTimingFunctionEaseOut
CAMediaTimingFunctionEaseInEaseOut
CAMediaTimingFunctionDefault
还有一种是自己设置的方式
[CAMediaTimingFunction functionWithControlPoints:0.55:0.085:0.68:0.53]];
里面可以穿进去四个值:这四个值是缓动函数,如果感兴趣的话 你可以试试,能达到意向不到的效果http://easings.net/zh-cn# 这个是一个缓动函数的速查表.
[rectRunAnimation setValue:kLightAnimationforKey:@"Animation"];
这个就是动画的一个存储方法,他是一个字典;\
[imageView.layer addAnimation:rectRunAnimationforKey:kLightAnimation];
动画的添加方式,他是layer层动画所以添加方式就是这种.
//一个例子
self.oneImageView.frame=CGRectMake([UIScreen mainScreen].bounds.size.width,100,100,100);
CAKeyframeAnimation*locusKeyAnimation = [CAKeyframeAnimationanimationWithKeyPath:@"position.x"];
NSValue*locusValue = [NSValuevalueWithCGPoint:self.oneImageView.bounds.origin];
NSValue*locusValue1 = [NSValuevalueWithCGPoint:CGPointMake(100,100)];
NSValue*locusValue2 = [NSValuevalueWithCGPoint:CGPointMake(100,100)];
NSValue*locusValue3 = [NSValuevalueWithCGPoint:CGPointMake(-self.oneImageView.bounds.origin, 100)];
NSArray*locusArray =@[locusValue,locusValue1,locusValue2,locusValue3];
locusKeyAnimation.values= locusArray;
locusKeyAnimation.duration=2;
NSArray*timeArray =@[@(0),@(0.3),@(0.5),@(1)];
locusKeyAnimation.keyTimes= timeArray;
locusKeyAnimation.beginTime=CACurrentMediaTime()+2;
[locusKeyAnimationsetValue:@"locusKeyAnimation"forKey:@"animation"];
[self.oneImageView.layeraddAnimation:locusKeyAnimationforKey:nil];
还有CAAnimationGroup其他的一些知识点和东西我没写到,这是我最近经常用的方法,提供大家困难时能解忧,有问题可以直接留言..又复杂动画我可以帮忙解决..
