研究Core Animation已經(jīng)有段時間了，關(guān)于Core Animation，網(wǎng)上沒什么好的介紹。蘋果網(wǎng)站上有篇專門的總結(jié)性介紹，但是似乎原理性的東西不多，看得人云山霧罩，感覺，寫那篇東西的人，其實是假 設(shè)讀的人了解界面動畫技術(shù)的原理的。今天有點別的事情要使用Linux，忘掉了ssh的密碼，沒辦法重新設(shè)ssh，結(jié)果怎么也想不起來怎么設(shè)ssh遠(yuǎn)程登 陸了，沒辦法又到網(wǎng)上查了一遍，太浪費時間了，痛感忘記記筆記是多么可怕的事情。鑒于Core Animation的內(nèi)容實在是非常繁雜，應(yīng)用的Obj-C語言本身的特性也很多，所以寫個備忘錄記錄一下，懂的人看了后如果發(fā)現(xiàn)了錯誤，還不吝指教。

?

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

?

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

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

?

3.UIView的CALayer類似UIView的子View樹形結(jié)構(gòu)，也可以向它的layer上添加子layer，來完成某些特殊的表示。例如下面的代碼

grayCover = [[CALayer alloc] init]; grayCover.backgroundColor = [[[UIColor blackColor] colorWithAlphaComponent:0.2] CGColor]; [self.layer addSubLayer: grayCover]; 會在目標(biāo)View上敷上一層黑色的透明薄膜。

?

4.UIView的layer樹形在系統(tǒng)內(nèi)部，被系統(tǒng)維護(hù)著三份copy（這段理解有點吃不準(zhǔn)）。

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

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

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

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

?

5.動畫的運作

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

?

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

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

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

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

加上這樣一句就好了

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

?

7.真實例子的分析

?

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

?

8.最后一個讓人惡心的。

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

轉(zhuǎn)載于:https://www.cnblogs.com/ligun123/archive/2011/09/18/2180473.html

總結(jié)

以上是生活随笔為你收集整理的calayer 与uiview的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。