IOS學習—CALayer 和UIView

這兩天做了一個CALayer的動畫Demo，

然後一直在想CALayer 和UIView之間的關係，CALayer 和UIView之間動畫的差別等問題。

網上查閱資料，跟大夥一起學習一下。

From: fairzy。

在Core Animation的layer和Cocoa的view之間最大的概念上的區別就是，layer是不直接在螢幕上繪製。UIView在MVC模式中處於View層，Core Animation實際上是Model層的，它封裝了幾何屬性，計時以及內容被顯示時的可見的一些屬性，但顯示實際上不是layer的職責所在。

CAlayer層樹是cocoa視圖繼承樹的同等物，它具備UIView的很多共同點，但是Core Animation沒有提供一個 方法展示在視窗。他們必須宿主到UIView中，並且UIView給他們提供響應的方法。所以UIReponder就是UIView的又一個大的特性。

動畫和層

在核心動畫中，時間無處不在。當你需要一個層有動畫屬性時，你需要考慮動畫的時間長度，如何動，是否要返回到初始的值，以及在動畫其間屬性應該有多少個不同的值（基礎動畫與主要畫面格動畫）。通過設定動畫屬性的值，可以讓你指定動畫的不同屬性。然而，這些值都不能被層本身指派，而是在CAAnimation這個對象或者它的子類中，CABasicAnimation、CAKeyframeAnimation裡指派的。

再次重申，在MVC設計模式中，層是一個模型（Model）對象，而不是一個視圖（View）對象。層包含了如下的屬性：位置，輪廓，顏色等等。簡單的說，儘管一個動畫只要描述動畫本身，但是你設定的動畫屬性也關係到你正在做動畫的層。你可以通過調用addAnimation:forKeyPath這個方法，來增加動畫對象到層中，這樣就能觸發動畫了。同樣的，你可以通過調用removeAnimation:forKeyPath來停止一層中的動畫，不過在預設情況下，動畫運行完畢就回自動的執行以上行為。

1.UIView是iOS系統中介面元素的基礎，所有的介面元素都繼承自它。它本身完全是由CoreAnimation來實現的（Mac下似乎不是這樣）。它真正的繪圖部分，是由一個叫CALayer（Core Animation Layer）的類來管理。UIView本身，更像是一個CALayer的管理器，訪問它的跟繪圖和跟座標有關的屬性，例如frame，bounds等等，實際上內部都是在訪問它所包含的CALayer的相關屬性。

2.UIView有個layer屬性，可以返回它的主CALayer執行個體，UIView有一個layerClass方法，返回主layer所使用的類，UIView的子類，可以通過重載這個方法，來讓UIView使用不同的CALayer來顯示，例如通過

- (class) layerClass {  return ([CAEAGLLayer class]);}

3.UIView的CALayer類似UIView的子View樹形結構，也可以向它的layer上添加子layer，來完成某些特殊的表示。例如下面的代碼grayCover = [[CALayer alloc] init];grayCover.backgroundColor = [[[UIColor blackColor] colorWithAlphaComponent:0.2] CGColor];[self.layer addSubLayer: grayCover];會在目標View上敷上一層黑色的透明薄膜。

4.UIView的layer樹形在系統內部，被系統維護著三份copy。
第一份，邏輯樹狀結構，就是代碼裡可以操縱的，例如更改layer的屬性等等就在這一份。
第二份，動畫樹，這是一個中介層，系統正在這一層上更改屬性，進行各種渲染操作。
第三份，顯示樹，這棵樹的內容是當前正被顯示在螢幕上的內容。
這三棵樹的邏輯結構都是一樣的，區別只有各自的屬性。

5.動畫的運作
UIView的主layer以外（我覺得是這樣），對它的subLayer，也就是子layer的屬性變更，系統將自動進行動畫產生，動畫期間有個預設時間，個人感覺大概是0.5秒。在動畫時間裡，系統自動判定哪些屬性更改了，自動對更改的屬性進行動畫插值，產生中間幀然後連續顯示產生動畫效果。

6.座標系系統
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);
最後：layer可以設定圓角顯示（cornerRadius），也可以設定陰影 (shadowColor)。但是如果layer樹中某個layer設定了圓角，樹種所有layer的陰影製作效果都將不顯示了。因此若是要有圓角又要陰影，變通方法只能做兩個重疊的UIView，一個的layer顯示圓角，一個layer顯示陰影......