UIView与CALayer的区别

1、UIView是IOS系统中界面元素的基础，所有的界面元素都继承自它。它本身完全是由CoreAnimation来实现的（Mac下似乎不是这样）。它真正的绘图部分是由一个叫CALayer（Core Animation Layer）的类来管理。UIView本身，更像是一个CALayer的管理器，访问它的跟绘图和跟坐标有关的属性，例如frame，bounds等等，实际上内部都是在访问它所包含的CALayer的相关属性。

2、UIView有个layer属性，可以返回它的主CALayer实例，UIView有一个layerClass类方法，返回主layer所使用的类，UIView的子类，可以通过重载这个方法，来让UIView使用不同的CALayer来显示。

3、UIView的CALayer类似UIView的子View树形结构，也可以向它的layer上添加layer，来完成某些特殊的表示。例如下面的代码：

    CALayer *grayLayer=[[CALayer alloc] init];

    grayLayer.backgroundColor=[[[UIColor redColor] colorWithAlphaComponent:1.0] CGColor];

    [self.view.layer addSublayer:grayLayer];

会在目标View上敷上一层红色的透明薄膜。

4、UIView的layer树形在系统内部，被系统维护着三份copy（这里的理解可能不准确）

   第一份，逻辑树，就是代码里可以操纵的，例如更改layer的属性等等就在这一份。

   第二份，动画树，这是一个中间层，系统正在这一层上更改属性，进行各种渲染操作。

   第三份，显示树，这棵树的内容是当前正被显示在屏幕上的内容。

   这三棵树的逻辑结构都是一样的，区别只有各自的属性。

5、动画的动作

   UIView的主layer以外（觉得是这样），对它的subLayer，也就是子layer的属性进行更改，系统将自动进行动画生成，动画持续时间有个缺省时间，感觉大概是0.5秒。在动画时间里，系统自动判断哪些属性更改了，自动对更改的属性进行动画插值，生成中间帧，然后连续显示产生动画效果。

6、坐标系系统（对position和anchorPoint的关系不是很清楚）

   CALayer的坐标系系统和UIView有点不一样，它多了一个叫anchorPoint的属性，它使用CGPoint结构，但值域是0至1，也就是按比例来设置的。这个点是各种图形变换的坐标原点，同时会更改layer的position位置，它的缺省值是｛0.5，0.5｝，也就是在layer 的中央。

   某 layer.anchorPoint=CGPointMake(0.f,0.f);

   若这么设置，layer的左上角就会被挪到原来的中间的位置。

   但是加上这句代码就好了：

   某 layer.position=CGPointMake(0.f,0.f);

7、需要注意的：

   layer可以设置圆角显示，例如UIButton的效果，也就是设置阴影显示，但是如果layer树中的某个layer设置了圆角，树中所有layer的阴影效果都将显示不了。如果既想有圆角又要阴影，好像只能做两个重叠的UIView，一个显示圆角，一个显示阴影。

CALayer 的一些重要属性:

 

1). shadowPath : 设置 CALayer 背景(shodow)的位置

 

2). shadowOffset : shadow 在 X 和 Y 轴 上延伸的方向，即 shadow 的大小

 

3). shadowOpacity : shadow 的透明效果

 

4). shadowRadius : shadow 的渐变距离，从外围开始，往里渐变 shadowRadius 距离

 

5). masksToBounds : 很重要的属性，可以用此属性来防止子元素大小溢出父元素，如若防止溢出，请设为 true

 

6). borderWidth 和 boarderColor : 边框颜色和宽度，很常用

 

7). bounds : 对于我来说比较难的一个属性，测了半天也没完全了解，只知道可以用来控制 UIView 的大小，但是不能控制 位置

 

8). opacity : UIView 的透明效果

 

9). cornerRadius : UIView 的圆角

例 1：

//以下是为了使图片有阴影，用了两个layer层

    CALayer *subLayer=[CALayer layer];

    subLayer.backgroundColor=[[UIColor greenColor] CGColor];

    subLayer.shadowOffset=CGSizeMake(-10, 10);

    subLayer.shadowRadius=5.0;

    subLayer.shadowColor=[[UIColor blackColor] CGColor];

    subLayer.shadowOpacity=0.7;

    subLayer.borderColor=[UIColor blackColor].CGColor;

    subLayer.borderWidth=2.0f;

    subLayer.cornerRadius=10;

    subLayer.frame=CGRectMake(30, 40, 128, 192);

    [self.layer addSublayer:subLayer];

   

   

    CALayer *imageLayer=[CALayer layer];

    imageLayer.frame=subLayer.bounds;

    imageLayer.masksToBounds=YES;

    imageLayer.cornerRadius=10;

    imageLayer.contents=(id)[UIImage imageNamed:@"test0.png"].CGImage;

    [subLayer addSublayer:imageLayer];