詳解Core Animation學(xué)習(xí)備忘錄
Core Animation學(xué)習(xí)備忘錄是本文要介紹的內(nèi)容,研究Core Animation已經(jīng)有段時(shí)間了,關(guān)于Core Animation,網(wǎng)上沒什么好的介紹。蘋果網(wǎng)站上有篇專門的總結(jié)性介紹,但是似乎原理性的東西不多,看得人云山霧罩,感覺,寫那篇東西的人,其實(shí)是假設(shè)讀的人了解界面動(dòng)畫技術(shù)的原理的。
今天有點(diǎn)別的事情要使用Linux,忘掉了ssh的密碼,沒辦法重新設(shè)ssh,結(jié)果怎么也想不起來怎么設(shè)ssh遠(yuǎn)程登陸了,沒辦法又到網(wǎng)上查了一遍,太浪費(fèi)時(shí)間了,痛感忘記記筆記是多么可怕的事情。鑒于Core Animation的內(nèi)容實(shí)在是非常繁雜,應(yīng)用的Obj-C語言本身的特性也很多,所以寫個(gè)備忘錄記錄一下,懂的人看了后如果發(fā)現(xiàn)了錯(cuò)誤,還不吝指教。
1、UIView是iOS系統(tǒng)中界面元素的基礎(chǔ)
所有的界面元素都繼承自它。它本身完全是由CoreAnimation來實(shí)現(xiàn)的(Mac下似乎不是這樣)。它真正的繪圖部分,是由一個(gè)叫CALayer(Core Animation Layer)的類來管理。UIView本身,更像是一個(gè)CALayer的管理器,訪問它的跟繪圖和跟坐標(biāo)有關(guān)的屬性,例如frame,bounds等等,實(shí)際上內(nèi)部都是在訪問它所包含的CALayer的相關(guān)屬性。
2、UIView有個(gè)layer屬性
可以返回它的主CALayer實(shí)例,UIView有一個(gè)layerClass方法,返回主layer所使用的類,UIView的子類,可以通過重載這個(gè)方法,來讓UIView使用不同的CALayer來顯示,例如通過
- - (class) layerClass {
 - return ([CAEAGLLayer class]);
 - }
 
使某個(gè)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];
 
會(huì)在目標(biāo)View上敷上一層黑色的透明薄膜。
4、UIView的layer樹形在系統(tǒng)內(nèi)部,被系統(tǒng)維護(hù)著三份copy(這段理解有點(diǎn)吃不準(zhǔn))
***份,邏輯樹,就是代碼里可以操縱的,例如更改layer的屬性等等就在這一份。
第二份,動(dòng)畫樹,這是一個(gè)中間層,系統(tǒng)正在這一層上更改屬性,進(jìn)行各種渲染操作。
第三份,顯示樹,這棵樹的內(nèi)容是當(dāng)前正被顯示在屏幕上的內(nèi)容。
這三棵樹的邏輯結(jié)構(gòu)都是一樣的,區(qū)別只有各自的屬性。
5、動(dòng)畫的運(yùn)作
UIView的主layer以外(我覺得是這樣),對(duì)它的subLayer,也就是子layer的屬性進(jìn)行更改,系統(tǒng)將自動(dòng)進(jìn)行動(dòng)畫生成,動(dòng)畫持續(xù)時(shí)間有個(gè)缺省時(shí)間,個(gè)人感覺大概是0.5秒。在動(dòng)畫時(shí)間里,系統(tǒng)自動(dòng)判定哪些屬性更改了,自動(dòng)對(duì)更改的屬性進(jìn)行動(dòng)畫插值,生成中間幀然后連續(xù)顯示產(chǎn)生動(dòng)畫效果。
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,也就是按照比例來設(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ì)被挪到原來的中間的位置,
加上這樣一句就好了
某layer.position = CGPointMake(0.f, 0.f);
7、真實(shí)例子的分析
這是iphone上iBook翻頁的效果,假設(shè)每一頁都是一個(gè)UIView,我覺得一個(gè)頁面是貼了倆個(gè)Layer,文字Layer顯示正面的內(nèi)容,背面layer用文字layer的快照做affine翻轉(zhuǎn),貼在文字layer的后面。因?yàn)長(zhǎng)ayer可以設(shè)置顯示陰影,也許后面的陰影效果沒有使用單獨(dú)的一個(gè)layer來顯示。至于這個(gè)曲面效果,我查了很多資料也沒有結(jié)果,估計(jì)是使用了GL的曲面繪圖?
8、***一個(gè)讓人惡心的
layer可以設(shè)置圓角顯示,例如UIButton的效果,也可以設(shè)置陰影顯示,但是如果layer樹中的某個(gè)layer設(shè)置了圓角,樹中所有l(wèi)ayer的陰影效果都將顯示不了了。如果既想有圓角又想要陰影,好像只能做兩個(gè)重疊的UIView,一個(gè)的layer顯示圓角,一個(gè)的layer顯示陰影。
小結(jié):詳解Core Animation學(xué)習(xí)備忘錄的內(nèi)容介紹完了,希望通過本文的學(xué)習(xí)能對(duì)你有所幫助!















 
 
 








 
 
 
 