Core Animation學(xué)習(xí)筆記是本文要介紹的內(nèi)容，研究Core Animation已經(jīng)有段時(shí)間了，關(guān)于Core Animation，網(wǎng)上沒(méi)什么好的介紹。

蘋(píng)果網(wǎng)站上有篇專(zhuān)門(mén)的總結(jié)性介紹，但是似乎原理性的東西不多，看得人云山霧罩，感覺(jué)，寫(xiě)那篇東西的人，其實(shí)是假設(shè)讀的人了解界面動(dòng)畫(huà)技術(shù)的原理的。今天有點(diǎn)別的事情要使用Linux，忘掉了ssh的密碼，沒(méi)辦法重新設(shè)ssh，結(jié)果怎么也想不起來(lái)怎么設(shè)ssh遠(yuǎn)程登陸了，沒(méi)辦法又到網(wǎng)上查了一遍，太浪費(fèi)時(shí)間了，痛感忘記記筆記是多么可怕的事情。

鑒于Core Animation的內(nèi)容實(shí)在是非常繁雜，應(yīng)用的Objective-C語(yǔ)言本身的特性也很多，所以寫(xiě)個(gè)備忘錄記錄一下，懂的人看了后如果發(fā)現(xiàn)了錯(cuò)誤，還不吝指教。

1、UIView是iOS系統(tǒng)中界面元素的基礎(chǔ)，所有的界面元素都繼承自它。它本身完全是由CoreAnimation來(lái)實(shí)現(xiàn)的（Mac下似乎不是這樣）。它真正的繪圖部分，是由一個(gè)叫CALayer（Core Animation Layer）的類(lèi)來(lái)管理。UIView本身，更像是一個(gè)CALayer的管理器，訪(fǎng)問(wèn)它的跟繪圖和跟坐標(biāo)有關(guān)的屬性，例如frame，bounds等等，實(shí)際上內(nèi)部都是在訪(fǎng)問(wèn)它所包含的CALayer的相關(guān)屬性。

2、UIView有個(gè)layer屬性，可以返回它的主CALayer實(shí)例，UIView有一個(gè)layerClass方法，返回主layer所使用的類(lèi)，UIView的子類(lèi)，可以通過(guò)重載這個(gè)方法，來(lái)讓UIView使用不同的CALayer來(lái)顯示，例如通過(guò)

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

使某個(gè)UIView的子類(lèi)使用GL來(lái)進(jìn)行繪制。
 
3、UIView的CALayer類(lèi)似UIView的子View樹(shù)形結(jié)構(gòu)，也可以向它的layer上添加子layer，來(lái)完成某些特殊的表示。例如下面的代碼

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

會(huì)在目標(biāo)View上敷上一層黑色的透明薄膜。
 
4、UIView的layer樹(shù)形在系統(tǒng)內(nèi)部，被系統(tǒng)維護(hù)著三份copy（這段理解有點(diǎn)吃不準(zhǔn)）。

第一份，邏輯樹(shù)，就是代碼里可以操縱的，例如更改layer的屬性等等就在這一份。

第二份，動(dòng)畫(huà)樹(shù)，這是一個(gè)中間層，系統(tǒng)正在這一層上更改屬性，進(jìn)行各種渲染操作。

第三份，顯示樹(shù)，這棵樹(shù)的內(nèi)容是當(dāng)前正被顯示在屏幕上的內(nèi)容。

這三棵樹(shù)的邏輯結(jié)構(gòu)都是一樣的，區(qū)別只有各自的屬性。

5.動(dòng)畫(huà)的運(yùn)作

UIView的主layer以外（我覺(jué)得是這樣），對(duì)它的subLayer，也就是子layer的屬性進(jìn)行更改，系統(tǒng)將自動(dòng)進(jìn)行動(dòng)畫(huà)生成，動(dòng)畫(huà)持續(xù)時(shí)間有個(gè)缺省時(shí)間，個(gè)人感覺(jué)大概是0.5秒。在動(dòng)畫(huà)時(shí)間里，系統(tǒng)自動(dòng)判定哪些屬性更改了，自動(dòng)對(duì)更改的屬性進(jìn)行動(dòng)畫(huà)插值，生成中間幀然后連續(xù)顯示產(chǎn)生動(dòng)畫(huà)效果。

6.坐標(biāo)系系統(tǒng)（對(duì)position和anchorPoint的關(guān)系還是犯暈）

CALayer的坐標(biāo)系系統(tǒng)和UIView有點(diǎn)不一樣，它多了一個(gè)叫anchorPoint的屬性，它使用CGPoint結(jié)構(gòu)，但是值域是0~1，也就是按照比例來(lái)設(shè)置。這個(gè)點(diǎn)是各種圖形變換的坐標(biāo)原點(diǎn)，同時(shí)會(huì)更改layer的position的位置，它的缺省值是{0.5, 0.5}，也就是在layer的中央。

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

如果這么設(shè)置，layer的左上角就會(huì)被挪到原來(lái)的中間的位置，

加上這樣一句就好了

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

7.真實(shí)例子的分析

這是iphone上iBook翻頁(yè)的效果，假設(shè)每一頁(yè)都是一個(gè)UIView，我覺(jué)得一個(gè)頁(yè)面是貼了倆個(gè)Layer，文字Layer顯示正面的內(nèi)容，背面layer用文字layer的快照做affine翻轉(zhuǎn)，貼在文字layer的后面。因?yàn)長(zhǎng)ayer可以設(shè)置顯示陰影，也許后面的陰影效果沒(méi)有使用單獨(dú)的一個(gè)layer來(lái)顯示。至于這個(gè)曲面效果，我查了很多資料也沒(méi)有結(jié)果，估計(jì)是使用了GL的曲面繪圖？

8、最后一個(gè)讓人惡心的。

layer可以設(shè)置圓角顯示，例如UIButton的效果，也可以設(shè)置陰影顯示，但是如果layer樹(shù)中的某個(gè)layer設(shè)置了圓角，樹(shù)中所有l(wèi)ayer的陰影效果都將顯示不了了。如果既想有圓角又想要陰影，好像只能做兩個(gè)重疊的UIView，一個(gè)的layer顯示圓角，一個(gè)的layer顯示陰影.....

小結(jié)：Core Animation學(xué)習(xí)筆記的內(nèi)容介紹完了，。希望通過(guò)本文的學(xué)習(xí)能對(duì)你有所幫助！