詳解Core Animation學習備忘錄

Core Animation學習備忘錄是本文要介紹的內容，研究Core Animation已經有段時間了，關於Core Animation，網上沒什麼好的介紹。蘋果網站上有篇專門的總結性介紹，但是似乎原理性的東西不多，看得人云山霧罩，感覺，寫那篇東西的人，其實是假設讀的人瞭解介面動畫技術的原理的。

今天有點別的事情要使用Linux，忘掉了ssh的密碼，沒辦法重新設ssh，結果怎麼也想不起來怎麼設ssh遠程登陸了，沒辦法又到網上查了一遍，太浪費時間了，痛感忘記記筆記是多麼可怕的事情。鑒於Core Animation的內容實在是非常繁雜，應用的Obj-C語言本身的特性也很多，所以寫個備忘錄記錄一下，懂的人看了後如果發現了錯誤，還不吝指教。

1、UIView是iOS系統中介面元素的基礎

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

2、UIView有個layer屬性

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

 

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

使某個UIView的子類使用GL來進行繪製。

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、座標系系統對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、真執行個體子的分析

這是iphone上iBook翻頁的效果，假設每一頁都是一個UIView，我覺得一個頁面是貼了倆個Layer，文字Layer顯示正面的內容，背面layer用文字layer的快照做affine翻轉，貼在文字layer的後面。因為Layer可以設定顯示陰影，也許後面的陰影製作效果沒有使用單獨的一個layer來顯示。至於這個曲面效果，我查了很多資料也沒有結果，估計是使用了GL的曲面繪圖？

8、最後一個讓人噁心的

layer可以設定圓角顯示，例如UIButton的效果，也可以設定陰影顯示，但是如果layer樹中的某個layer設定了圓角，樹中所有layer的陰影製作效果都將顯示不了了。如果既想有圓角又想要陰影，好像只能做兩個重疊的UIView，一個的layer顯示圓角，一個的layer顯示陰影。

小結：詳解Core Animation學習備忘錄的內容介紹完了，希望通過本文的學習能對你有所協助！