您的位置:首页 > 其它

Core Animation核心动画

2016-06-01 15:26 411 查看
1.核心动画关系:(常用)

 



所有核心动画都是从CAAnimation类继承而来的,CAAnimation实现CAMediaTiming协议,提供动画的持续时间,速度,重复的计数。CAAnimation也实现了CAAction协议。

CATransition提供了一个图层变化的过渡效果,可进行fade(淡出),push(推),reveal(显露)图层的内容。

CAAnimationGroup允许一系列动画效果组合在一起形成动画。

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

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

CAKeyframeAnimation支持关键帧动画,指定的图层属性的关键路径动画,包括动画的每个阶段的价值,以及

关键帧的时间和计时功能的一系列值。

CATransaction是核心动画里面负责协调多个动画原子更新显示操作。包括隐式事务和显示事务。

在图层的动画属性被一个线程修改时,同时该线程下次迭代的时候自动提交修改的时候隐式事务自动创建。

显示事务发生在程序在修改动画属性之前给CATransaction发送一个开始消息,在动画属性修改后提交信息。

2.图层的坐标系(CALayer)







bound.origin为图层的原点。bounds.size=frame.size

(当你设置图层的frame属性的时候,position会根据锚点anchorPoint相应的改变,当你设置图层的

position属性的时候,bounds会根据锚点anchorPoint做相应的改变)。

 



CATransform3D的数据结构定义一个同质的三维变换(4x4 CGFloat值的矩阵),用于图层的旋转,缩放,

偏移,歪斜和应用的透视。

 



变换函数同时把CATransform3D矩阵转化为CGAffineTransform(仿射)矩阵。




关键路径修改变换:

 



[myLayer setValue:[NSNumber numberWithInt:0]forKeyPath:@"transsform.rotation.x"];

3.CALayer添加和删除图层
与UIView一样CALayer也有相似的方法:




4.图层大小和位置

 



5.裁剪图层:





6.赋予图层内容

创建图层:CALayer *layer=[CALayer layer];

          layer.position=CGPointMake(50.0f,50.0f);

          layer.bounds=CGRectMake(0.0f,0.0f,100.0f,100.0f);

赋予内容:layer.contents=[UIImage imaged:@“xxx.png”];

6.图层坐标系






图片布局常量:





7.隐式动画:

layer.opacticy=0.0;layer.zPosition=-100;

layer.opacticy=1.0;layer.zPosition=100;

8.显示动画

CABasicAnimation *an=[CABasicAnimation  animationWithKeyPath:@"opacity"];

an.duration=0.5f;

an.repeatCount=2;

an.autoreverses=YES;

an.fromValue=[NSNumber numberWithFloat:1.0f];

an.toValue=[NSNumber numberWithFloat:0.0f];

[layer addAnimation:an forKey:@"animation"];

8.开始和结束动画

removeAnimationForKey:或者通过给图层发一个removeAllAnimations的消息来停止

图层停止所有的动画。

9.实现CAAction协议

 



10.事务与事务的时间
[CATransaction begin];
[CATransaction setValue:[NSNumber numberWithFloat:10.0f]forKey:kCATransactionAnimationDuration];
layer,zPosition=200.0;
layer.opactity=0.0或animation.hiddlen=YES;
[CATransaction commit];
11.几何属性
backgroundColor背景颜色
borderColor边框颜色
borderWidth边框大小
shadowColor阴影颜色
shadowOffset阴影起始
shadowOpacity阴影透明度
shadowRadius阴影半径
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: