iOS Core Animation Advanced Techniques-图层树

Core Animation:

  • 是一个复合引擎,职责是组合屏幕不同的可视内容,
  • 内容被分解成独立的图层,存储在图层树体系中。

图层与视图:

  • 视图UIView:
    1. 屏幕上显示的矩形块(图片,文字或视频);
    2. 能拦截触摸事件,是触摸事件的响应者;
    3. 层级关系中可相互嵌套;
    4. 父视图管理子视图的位置;
    5. 支持基于Core Graphics绘图;
    6. 可做仿射变换(旋转,缩放),滑动,渐变等动画;
  • 图层CALayer:
    1. 亦是被层级关系树管理的矩形块,可包含内容(图片,文本,背景色等);
    2. 管理子图层位置;
    3. 拥有方法或属性做动画与变换;
    4. 不处理用户的交互(与视图最大的区别)

视图与图层:

  • 每个UIView拥有一个CALayer实例属性;
  • UIView的职责是管理这个CALayer;
  • UIView所关联的CALayer才是真正用来在屏幕上显示与做动画;
  • UIView只是对CALayer封装以提供类似于处理触摸功能以及Core Animation底层方法的高级接口
  • 不把响应事件功能融合在显示视图上是为了职责分离
  • 视图与图层之间不单止是两个层级关系,而是四个,因为图层树上还存在呈现树与渲染树

CALayer图层比UIView视图多出的功能:

  • UIView是CALayer的封装提供高级接口,而某些功能UIView是没有提供而CALayer却能实现的:
    1. 阴影,圆角,带颜色边框;
    2. 3D变换;
    3. 非矩形范围;
    4. 透明遮罩;
    5. 多级非线性动画

CALayer的使用:

  • 往UIView本来就拥有的相关联的CALayer实例添加自己定义的CALayer对象:
CALayer *myLayer=[CALayer layer];
myLayer.frame=CGRectMake(50.0f,50.0f,100.0f,100.0f);
myLayer.backgroundColor=[UIColor blueColor].CGColor;
[self.myView.layer addSublayer:myLayer];

 




posted @ 2016-03-12 15:29  Jk_Chan  阅读(405)  评论(0编辑  收藏  举报