√.. - CAlayer
√ 在iOS中,你能看得见摸得着的东西基本上都是UIView,比如一个按钮、一个文本标签、一个文本输入框、一个图标等等,这些都是UIView
√ 其实UIView之所以能显示在屏幕上,完全是因为它内部的一个图层
√ 在创建UIView对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层
@ property (nonatomic,readonly,retain) CALayer *layer;
√ 当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示
换句话说,UIView本身不具备显示的功能,是它内部的层才有显示功能
√ 通过CAlayer对象可以调整 UIView的一些外观属性(阴影 圆角 边框 颜色) ,还可以为图层添加动画
--- >CAlayer 基本属性




--- > CAlayer注意点
1. 首先
CALayer是定义在QuartzCore框架中的
CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的
UIColor、UIImage是定义在UIKit框架中的
2. 其次
QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用
但是UIKit只能在iOS中使用
为了保证可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRef
--- >CAlayer和 UIView 比较
√ 通过CALayer,就能做出跟UIImageView一样的界面效果
其实,对比CALayer,UIView多了一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件,而UIView可以
所以,如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要跟用户进行交互,用UIView或者CALayer都可以
当然,CALayer的性能会高一些,因为它少了事件处理的功能,更加轻量级
//注意:核心动画一切都是假象,并不会真实的改变图层的属性值,如果以后做动画的时候,不需要与用户交互,通常用核心动画(转场)。
// UIView动画必须通过修改属性的真实值,才有动画效果。
//核心动画都是假象,不能改变layer的真实属性的值
//展示的位置和实际的位置不同。实际位置永远在最开始位置

--- >position 和 anchorPoint 的作用



--- > 隐式动画
