ios 动画基础

所有核心动画的动画类都是从CAAnimation类继承而来

CAAnimation实现了CAMediaTiming协议,提供了动画的持续时间,速度,和重复计数

CAAnimation也实现了CAAction协议。该协议为图层触发一个动画动作提供了提供 标准化响应

CATransition提供了一个图层变化的过渡效果,它能影响图层的整个内容。 动画进行的时候淡入淡出(fade)、推(push)、显露(reveal)图层的内容。这些过渡效果可以扩展到你自己定制的Core Image滤镜

CAAnimationGroup允许一系列动画效果组合在一起,并行显示动画

CAPropertyAnimation是一个抽象的子类,它支持动画的显示图层的关键路径中指定的属性

CABasicAnimation简单的为图层的属性提供修改。

CAKeyframeAnimation支持关键帧动画,你可以指定的图层属性的关键路径动画,包括动画的每个阶段的价值,以及关键帧时间和计时功能的一系列值。在 动画运行是,每个值被特定的插入值替代

核心动画的CAConstraint类是一个布局管理器,它可以指定子图层类限制于你指定的约束集合。每个约束(CAConstraint类的实例封装)描述层的几何属性(左,右,顶部或底部的边缘或水平或垂直中心)的关系,关系到其同级之一的几何属性层或superlayer

核心动画的图层和Cocoa的视图在很大程度上没有一定的相似性,但是他们两者最大的区别是,图层不会直接渲染到屏幕上

试图的position坐标和anchorPoint有关

sublayerTransform属性指定的矩阵只会影响图层的子图层,而不会对 图层本身产生影响

transform属性指定的矩阵结合图层的anchorPoint属性作用于图层和图层的子图层上面

旋转的单位采用弧度(radians),而不是角度(degress)。以下两个函数,你可以在 弧度和角度之间切换

<spanstyle="font-size:18px;">CGFloatDegreesToRadians(CGFloatdegrees){returndegrees*M_PI/180;};

CGFloatRadiansToDegrees(CGFloatradians){returnradians*180/M_PI;};</span>

无法正常运行:

替换的办法是,你必须通过setValue:forKeyPath:或者valueForKeyPath:方法,具体如下:

<spanstyle="font-size:18px;">myLayer.transform.rotation.x=0;

[myLayersetValue:[NSNumbernumberWithInt:0]forKeyPath:@"transform.rotation.x"];</span>

如果一个图层的属性needsDisplayOnBoundsChan<wbr>ge被设置为YES的时候,当图层的bounds属性改变的时候,图层的内容将会被重新缓存起来。默认情况下图层的needsDisplayOnBoundsChan<wbr>ge属性值为NO。</wbr></wbr>

给CALayer提供内容

1。包含图片内容的CGImageRef来显式的设置图层的contents的属性。

2。指定一个委托,它提供或者重绘内容。

3。继承CALayer类重载显示的函数

创建一个委托类实

displayLayer:或drawLayer:inContext:

<spanstyle="font-size:18px;">-(void)displayLayer:(CALayer*)theLayer

{

//checkthevalueofthelayer'sstatekey

if([[theLayervalueForKey:@"state"]boolValue])

{

//displaytheyesimage

theLayer.contents=[someHelperObjectloadStateYesImage];

}

else{

//displaythenoimage

theLayer.contents=[someHelperObjectloadStateNoImage];

}

}</span>

如果你必须重绘图层的内容,而不是通过加载图片,那你需要实现drawLayer:inContext:方法。通过委托可以决定哪些内容是需要的并使用CGContextRef来重绘内容。

实例重新缓存其内容,可以通过发送以下任何一个方法setNeedsDisplay或setNeedsDisplayInRect:的消息,亦或者设置图层的needsDisplaOnBoundsChang<wbr><span style="font-size:18px">e属性为YES</span></wbr>

CALayer的属性contentsGravity允许你在图层的边界内容修改图层的contents图片的位置或者伸缩值。默认情况下,内容的图像完全填充层的边界,忽视自然的图像 宽高比contentsGravity属性值：

CABasicAnimation提供了在图层的属性值间简单的插入。CAKeyframeAnimation提供支持关键帧动画。你指定动画的一个图层属性的关键路径,一个表示在动画的每个阶段的价值的数组,还有一个关键帧时间的数组和时间函数。

CATransition提供了一个影响整个图层的内容过渡效果。在动画显示过程中采用淡出(fade)、推出(push)、显露(reveal)图层的内容。常用的过渡效果可以通过提供你自己定制的核心图像滤镜来扩展

<spanstyle="font-size:18px;">CABasicAnimation*_basicAnimation=[CABasicAnimationanimationWithKeyPath:@"opacity"];

_basicAnimation.duration=3.0;

_basicAnimation.repeatCount=2;

_basicAnimation.autoreverses=YES;

_basicAnimation.fromValue=[NSNumbernumberWithFloat:1.0];

_basicAnimation.toValue=[NSNumbernumberWithFloat:0.0];

[self.m_imageViewBg.layeraddAnimation:_basicAnimationforKey:@"animateOpacity"];</span>

我们可以通过animationWithKeyPath键值对的方式来改变动画

animationWithKeyPath的值：

transform.scale=比例轉換

transform.scale.x =闊的比例轉換

transform.scale.y =高的比例轉換

transform.rotation.z =平面圖的旋轉

opacity =透明度

margin

zPosition

backgroundColor

cornerRadius

borderWidth

bounds

contents

contentsRect

cornerRadius

frame

hidden

mask

masksToBounds

opacity

position

shadowColor

shadowOffset

shadowOpacity

shadowRadius

<spanstyle="font-size:18px;">
[self.ui_View.layerremoveAllAnimations];



CABasicAnimation*pulse=[CABasicAnimationanimationWithKeyPath:@"transform.scale"];

pulse.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseOut];

pulse.duration=0.5+(rand()%10)*0.05;

pulse.repeatCount=1;

pulse.autoreverses=YES;

pulse.fromValue=[NSNumbernumberWithFloat:.8];

pulse.toValue=[NSNumbernumberWithFloat:1.2];

[self.ui_View.layeraddAnimation:pulseforKey:nil];

//bounds



CABasicAnimation*anim=[CABasicAnimationanimationWithKeyPath:@"bounds"];

anim.duration=1.f;

anim.fromValue=[NSValuevalueWithCGRect:CGRectMake(0,0,10,10)];

anim.toValue=[NSValuevalueWithCGRect:CGRectMake(10,10,200,200)];

anim.byValue=[NSValuevalueWithCGRect:self.ui_View.bounds];

//anim.toValue=(id)[UIColorredColor].CGColor;

//anim.fromValue=(id)[UIColorblackColor].CGColor;



anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

anim.repeatCount=1;

anim.autoreverses=YES;



[ui_View.layeraddAnimation:animforKey:nil];

//cornerRadius



CABasicAnimation*anim2=[CABasicAnimationanimationWithKeyPath:@"cornerRadius"];

anim2.duration=1.f;

anim2.fromValue=[NSNumbernumberWithFloat:0.f];

anim2.toValue=[NSNumbernumberWithFloat:20.f];

anim2.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

anim2.repeatCount=CGFLOAT_MAX;

anim2.autoreverses=YES;



[ui_View.layeraddAnimation:anim2forKey:@"cornerRadius"];

//contents



CABasicAnimation*anim=[CABasicAnimationanimationWithKeyPath:@"contents"];

anim.duration=1.f;

anim.fromValue=(id)[UIImageimageNamed:@"1.jpg"].CGImage;

anim.toValue=(id)[UIImageimageNamed:@"2.png"].CGImage;

//anim.byValue=(id)[UIImageimageNamed:@"3.png"].CGImage;

//anim.toValue=(id)[UIColorredColor].CGColor;

//anim.fromValue=(id)[UIColorblackColor].CGColor;



anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

anim.repeatCount=CGFLOAT_MAX;

anim.autoreverses=YES;



[ui_View.layeraddAnimation:animforKey:nil];



[ui_View.layersetShadowOffset:CGSizeMake(2,2)];

[ui_View.layersetShadowOpacity:1];

[ui_View.layersetShadowColor:[UIColorgrayColor].CGColor];

//

CABasicAnimation*anim=[CABasicAnimationanimationWithKeyPath:@"shadowColor"];

anim.duration=1.f;

anim.toValue=(id)[UIColorredColor].CGColor;

anim.fromValue=(id)[UIColorblackColor].CGColor;



anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

anim.repeatCount=CGFLOAT_MAX;

anim.autoreverses=YES;



[ui_View.layeraddAnimation:animforKey:nil];



CABasicAnimation*_anim=[CABasicAnimationanimationWithKeyPath:@"shadowOffset"];

_anim.duration=1.f;

_anim.fromValue=[NSValuevalueWithCGSize:CGSizeMake(0,0)];

_anim.toValue=[NSValuevalueWithCGSize:CGSizeMake(3,3)];



_anim.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

_anim.repeatCount=CGFLOAT_MAX;

_anim.autoreverses=YES;



[ui_View.layeraddAnimation:_animforKey:nil];





CABasicAnimation*_anim1=[CABasicAnimationanimationWithKeyPath:@"shadowOpacity"];

_anim1.duration=1.f;

_anim1.fromValue=[NSNumbernumberWithFloat:0.5];

_anim1.toValue=[NSNumbernumberWithFloat:1];



_anim1.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

_anim1.repeatCount=CGFLOAT_MAX;

_anim1.autoreverses=YES;



[ui_View.layeraddAnimation:_anim1forKey:nil];







CABasicAnimation*_anim2=[CABasicAnimationanimationWithKeyPath:@"shadowRadius"];

_anim2.duration=1.f;

_anim2.fromValue=[NSNumbernumberWithFloat:10];

_anim2.toValue=[NSNumbernumberWithFloat:5];



_anim2.timingFunction=[CAMediaTimingFunctionfunctionWithName:kCAMediaTimingFunctionEaseInEaseOut];

_anim2.repeatCount=CGFLOAT_MAX;

_anim2.autoreverses=YES;



[ui_View.layeraddAnimation:_anim2forKey:nil];</span>

CAScrollLayer对象的滚动区域的范围在它的子图层里面定义。

CAScrollLaye不提供键盘或鼠标事件处理,也不提供可见的滚动条。

CATextLayer可以方便的从字符串或字符串的内容创建一个图层类的内容

CATiledLayer允许递增的显示大而复杂的图片

CAEAGLLayer提供了一个OpenGLES渲染环境

CALayer的还扩展了NSKeyValueCoding的非正式协议,加入默认键值和额外的结构类型的自动对象包装(CGPoint,CGSize,CGRect,CGAffineTransform和CATransform3D)的支持,并提供许多这些结构的关键路径领域的访问