美文网首页
动画基础

动画基础

作者: 天下林子 | 来源:发表于2018-03-01 13:37 被阅读19次

1.CALayer与UIView的关系

在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层

@property(nonatomic, readonly,retain)CALayer *layer;

当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,so,就会完成UIView的显示

其实,    UIView 本身不具备显示的功能,是它内部的层才有显示功能。

因此,通过调节CALayer对象,可以很方便的调整UIView的一些外观属性。

2. CALayer的基本属性

宽度和高度:

@property CGRect bounds;

位置(默认指中点,具体由anchorPoint决定)

@property CGPoint position;

锚点(x,y的范围都是0 -1),决定了position的含义:

@property CGPoint anchorPoint;

背景色(CGColorRef类型):

@property CGColorRef  backGroundColor;

形变属性:

@property CATransform3D transform;

position和anchorPoint的作用

@property CGPoint position;

用来设置CALayer在父层中的位置

以父层的左上角为原点(0,0)

@property CGPoint anchorPoint;

成为“定位点”,“喵点”

决定着CALayer身上的那个点会在position属性所指的位置

以自己的左上角为原点(0,0),

它的x,y 取值范围都是0~1,默认值为中心点(0.5,0.5)

anchorPoint和position的关系举例:

假如喵点anchorPoint为默认值即中点(0.5,0.5),而该层的position设置为(0,0)即为父层的左上点,那么改层在父层中只会看作四分之一的部分。

隐式动画

根层与非根层

每一个UIView内部都默认关联着一个CALayer,我们可用称这个Layer为Root Layer(根层)

所有的非Root Layer, 也就是手动创建的CALayer对象,都存在着隐式动画

当对非Root Layer的部分属性进行修改时,默认会自动产生一些动画效果,而这些属性称为Animatable Properties(可动画属性)

常见的几个可动画属性:

bounds:用于设置CALayer的宽度和高度。修改这个属性会产生缩放动画

backgroundColor 用于设置CALayer的背景色。修改这个属性会产生背景色的渐变动画

position:用于设置CALayer的位置。修改这个属性会产生平移动画

可以通过事务关闭隐士动画:

【CATransaction begin】;

//关闭隐士动画

【CATransaction setDisableActions: YES】;

self.myView.layer.position= CGPointMake(5,5);

[CATransaction Commit];

UIView 和CALayer的选择

通过CALayer。就能做出跟UIImageView一样的界面效果。

既然CALayer和UIView都能实现相同的显示效果,但不同之处是

对比CALayer,UIView多一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件,而UIView可以,所以,如果显示出来的东西需要跟用户进行交互的话,用UIView,CALayer的性能会高一些,因为它少了事件处理功能,更加轻量级

Core Animation结构

CAAnimation    .timingFunction    .delegate   

CAPropertyAnimation .keyPath

CATransition   .filter

CABasicAnimation  .fromValue  .toValue

CAKeyFrameAnimation  .values  .path  .keytimes

灰色虚线表示继承关系,红色表示遵守协议

核心动画中所有类都遵守CAMediaTiming协议

CAAnimation是个抽象类,不具备动画效果,必须用它的子类才有动画效果

CAAnimationGroup和CATransition才有动画效果,CAAnimationGroup是个动画组,可以同时进行缩放,旋转(同时进行多个动画)

CATransition是转场动画,界面之间跳转都可以用转场动画。

CAPropertyAnimation也是个抽象类,本身不具备动画效果,只有子类才有。

CABasicAnimation和CAKeyFrameAnimation:

CABaseAnimation基本动画,做一些简单效果

CAkeyFrameAnimation帧动画,做一些连续的流畅的动画

相关文章

网友评论

      本文标题:动画基础

      本文链接:https://www.haomeiwen.com/subject/kqfizttx.html