老早就知道了這本書,可惜國(guó)內(nèi)只有英文版的。而本人對(duì)于自己的英文水平還是有點(diǎn)自知之明的旦签,就算硬著頭皮從亞馬遜上買來(lái)看破托,估計(jì)也只能起催眠書籍的作用了肪跋。還好在GitHub上看到了這本書籍的翻譯項(xiàng)目,雖然說(shuō)是大伙合作翻譯來(lái)的土砂,不過(guò)對(duì)于我來(lái)說(shuō)還是求之不得的了州既,給上項(xiàng)目地址。這里會(huì)就自己讀書過(guò)程中的體會(huì)做一個(gè)筆記萝映,希望整本書讀完后會(huì)有一個(gè)全新的認(rèn)識(shí)吴叶。
??沒(méi)讀這本書之前,我對(duì)UIView與CALayer的理解還是很抽像的:UIView是對(duì)CALayer的上層封裝序臂,主要負(fù)責(zé)處理與用戶觸摸輸入有關(guān)的邏輯蚌卤,而CALayer主要負(fù)責(zé)控件的具體繪制過(guò)程,但具體到細(xì)節(jié)奥秆,就不甚了解了逊彭。那接下我們這來(lái)了解一些細(xì)節(jié)吧。
frame與bounds
我們知道UIView有frame與bounds兩個(gè)屬性构订,frame表示View相對(duì)于其父View坐標(biāo)系所在的位置侮叮,而bounds是相對(duì)于其自身坐標(biāo)系。但當(dāng)我們對(duì)圖層作變換時(shí)鲫咽,如旋轉(zhuǎn)或縮放签赃,frame實(shí)際上代表了覆蓋在圖層旋轉(zhuǎn)之后的整個(gè)軸對(duì)齊的矩形區(qū)域。也就是說(shuō)frame的寬高與bounds的寬高可能就不在一致了分尸,如下圖:autoresize
我們對(duì)UIView可以使用UIViewAutoresizingMask或者NSLayoutConstraint來(lái)實(shí)現(xiàn)自動(dòng)布局功能锦聊。但對(duì)于CALayer,我們只能手動(dòng)的來(lái)處理了箩绍,最簡(jiǎn)單的實(shí)現(xiàn)方式是實(shí)現(xiàn)CALayerDelegate中以下接口了:
- (void)layoutSublayersOfLayer:(CALayer *)layer;
這也是為什么最好使用視圖而不是單獨(dú)的圖層來(lái)構(gòu)建應(yīng)用程序的重要原因之一孔庭。
視覺(jué)效果
UIView上的圓角、邊框材蛛、陰影等效果實(shí)際上就是通過(guò)CALayer來(lái)實(shí)現(xiàn)的圆到,參考代碼如下:
//設(shè)置layerView顯示圓角
self.layerView.layer.masksToBounds = YES;
//設(shè)置圓角曲律
self.layerView.layer.cornerRadius=4.0f;
//邊框?qū)挾?self.layerView.layer.borderWidth = 1.0f;
//邊框顏色
self.layerView.layer.borderColor = (__bridge id)[UIColor redColor].CGColor;
//陰影方向與距離
self.layerView.layer.shadowOffset = CGSizeMake(0.0f, 5.0f);
//陰影的模糊度
self.layerView1.layer.shadowRadius = 5.0f;
專有圖層
這一章介紹了CALayer的幾個(gè)子類,它們有著各自的用途卑吭,這里說(shuō)下幾個(gè)比較常用的Layer芽淡。
CASharpLayer
CASharpLayer是一個(gè)通過(guò)矢量圖形而不是bitmap來(lái)繪制的圖形子類。它通過(guò)CGPath來(lái)定義想要繪制的圖形豆赏,指定諸如顏色挣菲、線寬等屬性后富稻,Layer就繪制出來(lái)了。相比起普通的CALayer白胀,CASharpLayer有著如下的優(yōu)勢(shì):
- 渲染快速:CASharpLayer使用了硬件加速椭赋,繪制速度比CALayer快很多。
- 高效使用內(nèi)存:不像普通的CALayer一樣需要?jiǎng)?chuàng)建寄宿圖來(lái)繪制或杠,因此內(nèi)存使用上會(huì)少很多哪怔。
- 不會(huì)被圖層邊界裁掉:CASharpLayer可以在邊界之外繪制。
CATextLayer
CATextLayer是一個(gè)提供類似于UILabel功能的圖層類向抢,但它的渲染速度要比UILabel快很多认境,且可以使用它來(lái)實(shí)現(xiàn)富文本的渲染。
CAGradientLayer
CAGradientLayer用于生成兩種或者多種顏色的平滑漸變的笋额,它同樣也使用了硬件加速元暴。效果如下圖:總結(jié)
本篇主要對(duì)CoreAnimation一書的前六章內(nèi)容做了簡(jiǎn)單的筆記。各Layer具體的使用方法還需要閱讀書籍并在實(shí)際工作中學(xué)習(xí)與使用兄猩。有關(guān)動(dòng)畫的部分將在下篇文章中給出茉盏。