開(kāi)發(fā)培訓(xùn)大神02ui進(jìn)階0623核心動(dòng)畫(huà)19calayer

UI高級(jí)

CALayer掌握CALayer的基本屬性CALayer和UIView的關(guān)系position和anchorPoint的作用CALayer在iOS中，你能看得見(jiàn)摸得著的東西基本上都是UIView，比如一個(gè)按鈕、一個(gè)文本標(biāo)簽、一個(gè)文本輸入框、一個(gè)圖標(biāo)等等，這些都是UIView其實(shí)UIView之所以能顯示在屏幕上，完全是因?yàn)樗鼉?nèi)部的一個(gè)圖層在創(chuàng)建UIView對(duì)象時(shí)，UIView內(nèi)部會(huì)自動(dòng)創(chuàng)建一個(gè)圖層(即CALayer對(duì)象)，通過(guò)UIView的layer屬性可以訪問(wèn)這個(gè)層@property(nonatomic,readonly,retain)

CALayer*layer;當(dāng)UIView需要顯示到屏幕上時(shí)，會(huì)調(diào)用drawRect:方法進(jìn)行繪圖，并且會(huì)將所有內(nèi)容繪制在自己的圖層上，繪圖完畢后，系統(tǒng)會(huì)將圖層拷貝到屏幕上，于是就完成了UIView的顯示換句話說(shuō)，UIView本身不具備顯示的功能，是它內(nèi)部的層才有顯示功能透明的ViewUIImageView圖片drawViewImageHandleViewimageBlockdrawView.image

=

imageCALayer的基本使用通過(guò)操作CALayer對(duì)象，可以很方便地調(diào)整UIView的一些外觀屬性，比如：陰影圓角大小邊框?qū)挾群皖伾?/p>

…還可以給圖層添加動(dòng)畫(huà)，來(lái)實(shí)現(xiàn)一些比較炫酷的效果主層主層contentCALayer的屬性寬度和高度@property

CGRectbounds;位置(默認(rèn)指中點(diǎn)，具體由anchorPoint決定)@property

CGPointposition;錨點(diǎn)(x,y的范圍都是0-1)，決定了position的含義@property

CGPointanchorPoint;背景顏色(CGColorRef類(lèi)型)@property

CGColorRefbackgroundColor;形變屬性@property

CATransform3Dtransform;CALayer的屬性邊框顏色(CGColorRef類(lèi)型)@property

CGColorRefborderColor;邊框?qū)挾菮property

CGFloatborderWidth;圓角半徑@property

CGColorRefborderColor;內(nèi)容(比如設(shè)置為圖片CGImageRef)@property(retain)idcontents;x\y\z軸xyz坐標(biāo)原點(diǎn)（0，0，0）關(guān)于CALayer的疑惑首先CALayer是定義在QuartzCore框架中的CGImageRef、CGColorRef兩種數(shù)據(jù)類(lèi)型是定義在CoreGraphics框架中的UIColor、UIImage是定義在UIKit框架中的其次QuartzCore框架和CoreGraphics框架是可以跨平臺(tái)使用的，在iOS和MacOSX上都能使用但是UIKit只能在iOS中使用為了保證可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRefUIView和CALayer的選擇通過(guò)CALayer，就能做出跟UIImageView一樣的界面效果既然CALayer和UIView都能實(shí)現(xiàn)相同的顯示效果，那究竟該選擇誰(shuí)好呢？其實(shí)，對(duì)比CALayer，UIView多了一個(gè)事件處理的功能。也就是說(shuō)，CALayer不能處理用戶的觸摸事件，而UIView可以所以，如果顯示出來(lái)的東西需要跟用戶進(jìn)行交互的話，用UIView；如果不需要跟用戶進(jìn)行交互，用UIView或者CALayer都可以當(dāng)然，CALayer的性能會(huì)高一些，因?yàn)樗倭耸录幚淼墓δ?，更加輕量級(jí)position和anchorPointCALayer有2個(gè)非常重要的屬性：position和anchorPoint@property

CGPointposition;用來(lái)設(shè)置CALayer在父層中的位置以父層的左上角為原點(diǎn)(0,0)@property

CGPointanchorPoint;稱(chēng)為“定位點(diǎn)”、“錨點(diǎn)”決定著CALayer身上的哪個(gè)點(diǎn)會(huì)在position屬性所指的位置以自己的左上角為原點(diǎn)(0,0)它的x、y取值范圍都是0~1，默認(rèn)值為（0.5,0.5）anchorPoint(示意圖)(0,

0)xy(1,

1)紅色圖層的anchorPoint是(0,

0)紅色圖層的anchorPoint是(0.5,

0.5)紅色圖層的anchorPoint是(1,1)紅色圖層的anchorPoint是(0.5,0)紅色圖層的anchorPoint是(1,

0.5)position和anchorPoint添加一個(gè)紅色圖層到綠色圖層上紅色圖層顯示到什么位置，由position屬性決定假設(shè)紅色圖層的position是（100，100）紅色圖層的anchorPoint是（0，0）紅色圖層的anchorPoint是（0.5，0.5）紅色圖層的anchorPoint是（1，1）紅色圖層的anchorPoint是（0.5，0）紅色圖層的anchorPoint是（1，0.5）100100（0，0）隱式動(dòng)畫(huà)每一個(gè)UIView內(nèi)部都默認(rèn)關(guān)聯(lián)著一個(gè)CALayer，我們可用稱(chēng)這個(gè)Layer為RootLayer（根層）所有的非RootLayer，也就是手動(dòng)創(chuàng)建的CALayer對(duì)象，都存在著隱式動(dòng)畫(huà)什么是隱式動(dòng)畫(huà)？當(dāng)對(duì)非RootLayer的部分屬性進(jìn)行修改時(shí)，默認(rèn)會(huì)自動(dòng)產(chǎn)生一些動(dòng)畫(huà)效果而這些屬性稱(chēng)為AnimatableProperties(可動(dòng)畫(huà)屬性)列舉幾個(gè)常見(jiàn)的AnimatableProperties：bounds：用于設(shè)置CALayer的寬度和高度。修改這個(gè)屬性會(huì)產(chǎn)生縮放動(dòng)畫(huà)backgroundColor：用于設(shè)置CALayer的背景色。修改這個(gè)屬性會(huì)產(chǎn)生背景色的漸變動(dòng)畫(huà)position：用于設(shè)置CALayer的位置。修改這個(gè)屬性會(huì)產(chǎn)生平移動(dòng)畫(huà)隱式動(dòng)畫(huà)可以通過(guò)動(dòng)畫(huà)事務(wù)(CATransaction)關(guān)閉默認(rèn)的隱式動(dòng)畫(huà)效果[CATransaction

begin];[CATransaction

setDisableActions:YES];self.my