CALayer - 12

上面幾篇文章簡單地解析了一樣UIView 與 CALayer的差別，當然我并沒有詳述，可以參考大神：

http://www.jianshu.com/p/079e5cf0f014

這裡我們簡單總結一下它們間的關系，這裡我就不獻醜了，可以看看别人很好的總結：

http://www.cnblogs.com/yswdarren/p/3555436.html

1. UIView是iOS系統中界面元素的基礎，所有的界面元素都是繼承自它。它本身完全是由CoreAnimation來實作的。它真正的繪圖部分，是由一個CALayer類來管理。

    UIView本身更像是一個CALayer的管理器，通路它的跟繪圖和跟坐标有關的屬性，例如frame，bounds等，實際上内部都是在通路它所包含的CALayer的相關屬性。

2. UIView有個重要屬性layer，可以傳回它的主CALayer執行個體。

// 要通路層，讀取UIView執行個體的layer屬性
CALayer *layer = myView.layer
           

所有從UIView繼承來的對象都繼承了這個屬性。這意味着你可以轉換、縮放、旋轉，甚至可以在Navigation bars，Tables，Text boxes等其它的View類上增加動畫。

每個UIView都有一個層，控制着各自的内容最終被顯示在螢幕上的方式。

UIView的layerClass方法，可以傳回主layer所使用的類，UIView的子類可以通過重載這個方法，來讓UIView使用不同的CALayer來顯示。代碼示例：

- (class)layerClass 
{
   return ([CAEAGLLayer class]);//使得某個UIView的子類使用GL來進行繪制
}
           

3. UIView的CALayer類似UIView的子View樹形結構，也可以向它的layer上添加子layer，來完成某些特殊的表示。即CALayer層是可以嵌套（父子）的。示例代碼：

grayCover = [[CALayer alloc] init];
grayCover.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.2] CGColor];
[self.layer addSubLayer:grayCover];
           

上述代碼會在目标View上敷上一層黑色透明薄膜的效果，這個非常常用了，用一個layer來作為一個mask的遮罩！

4. UIView的layer樹形在系統内部，被維護着三份copy。分别是：

邏輯樹，這裡是代碼可以操縱（control）的；

動畫樹，是一個中間層，系統就在這一層上更改屬性，進行各種渲染操作；

顯示樹，其内容就是目前正被顯示在螢幕上得内容。

極度好文：http://segmentfault.com/a/1190000000390012

5. 動畫的運作：對UIView的subLayer（非主Layer）屬性進行更改，系統将自動進行動畫生成，動畫持續時間的預設值似乎是0.5秒。

6. 坐标系統：CALayer的坐标系統比UIView多了一個anchorPoint屬性，使用CGPoint結構表示，值域是0~1，是個比例值。這個點是各種圖形變換的坐标原點，同時會更改layer的position的位置，它的預設值是{0.5,0.5}，即在layer的中央。

最後：layer可以設定圓角顯示（cornerRadius），也可以設定陰影 (shadowColor)。但是如果layer樹中某個layer設定了圓角，樹種所有layer的陰影效果都将不顯示了。是以若是要有圓角又要陰影，變通方法隻能做兩個重疊的UIView，一個的layer顯示圓角，一個layer顯示陰影......

7.渲染：當更新層，改變不能立即顯示在螢幕上。當所有的層都準備好時，可以調用setNeedsDisplay方法來重繪顯示。

[gameLayer setNeedsDisplay];
           

若要重繪部分螢幕區域，請使用setNeedsDisplayInRect:方法，通過在CGRect結構的區域更新：

[gameLayer setNeedsDisplayInRect:CGRectMake(150.0,100.0,50.0,75.0)];
           

如果是用的Core Graphics架構來執行渲染的話，可以直接渲染Core Graphics的内容。用renderInContext:來做這個事。

[gameLayer renderInContext:UIGraphicsGetCurrentContext()];
           

8.變換：要在一個層中添加一個3D或仿射變換，可以分别設定層的transform或affineTransform屬性。

characterView.layer.transform = CATransform3DMakeScale(-1.0,-1.0,1.0);

CGAffineTransform transform = CGAffineTransformMakeRotation(45.0);
backgroundView.layer.affineTransform = transform;
           

9.變形：Quartz Core的渲染能力，使二維圖像可以被自由操縱，就好像是三維的。圖像可以在一個三維坐标系中以任意角度被旋轉，縮放和傾斜。CATransform3D的一套方法提供了一些魔術般的變換效果。

這樣一下來，發現4 7 最陌生，接下會強化學習，學習就應該如此學而總結之！！！

但是學習下來有沒有去思考，為什麼要如此設定兩個UIView和CALayer的類來協作呢？

呐，設計思想：http://www.cocoachina.com/ios/20150828/13257.html

進而引申到軟體工程的思想：http://blog.csdn.net/shandianling/article/details/8446647