CAAnimation首页投稿(暂停使用,暂停投稿)动画

iOS开发中动画的使用-CABasicAnimation,CAK

2016-04-01  本文已影响3055人  a02efb1fb47a

动画是在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其他的一些知识点和东西我没写到,这是我最近经常用的方法,提供大家困难时能解忧,有问题可以直接留言..又复杂动画我可以帮忙解决..

上一篇下一篇

猜你喜欢

热点阅读