介紹高級(jí)quartz2d備課calayer_第1頁
介紹高級(jí)quartz2d備課calayer_第2頁
介紹高級(jí)quartz2d備課calayer_第3頁
介紹高級(jí)quartz2d備課calayer_第4頁
介紹高級(jí)quartz2d備課calayer_第5頁
已閱讀5頁,還剩14頁未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

UI高級(jí)

CALayer掌握CALayer的基本屬性CALayer和UIView的關(guān)系position和anchorPoint的作用CALayer在iOS中,你能看得見摸得著的東西基本上都是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ì)象),通過UIView的layer屬性可以訪問這個(gè)層@property(nonatomic,readonly,retain)

CALayer*layer;當(dāng)UIView需要顯示到屏幕上時(shí),會(huì)調(diào)用drawRect:方法進(jìn)行繪圖,并且會(huì)將所有內(nèi)容繪制在自己的圖層上,繪圖完畢后,系統(tǒng)會(huì)將圖層拷貝到屏幕上,于是就完成了UIView的顯示換句話說,UIView本身不具備顯示的功能,是它內(nèi)部的層才有顯示功能CALayer的基本使用通過操作CALayer對(duì)象,可以很方便地調(diào)整UIView的一些外觀屬性,比如:陰影圓角大小邊框?qū)挾群皖伾?/p>

…還可以給圖層添加動(dòng)畫,來實(shí)現(xiàn)一些比較炫酷的效果根層設(shè)置的所有屬性作用在根層上面.根層content根層mask層:裁剪內(nèi)容層CALayer的屬性寬度和高度@property

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

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

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

CGColorRefbackgroundColor;形變屬性@property

CATransform3Dtransform;CALayer的屬性邊框顏色(CGColorRef類型)@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ù)類型是定義在CoreGraphics框架中的UIColor、UIImage是定義在UIKit框架中的其次QuartzCore框架和CoreGraphics框架是可以跨平臺(tái)使用的,在iOS和MacOSX上都能使用但是UIKit只能在iOS中使用為了保證可移植性,QuartzCore不能使用UIImage、UIColor,只能使用CGImageRef、CGColorRefUIView和CALayer的選擇通過CALayer,就能做出跟UIImageView一樣的界面效果既然CALayer和UIView都能實(shí)現(xiàn)相同的顯示效果,那究竟該選擇誰好呢?其實(shí),對(duì)比CALayer,UIView多了一個(gè)事件處理的功能。也就是說,CALayer不能處理用戶的觸摸事件,而UIView可以所以,如果顯示出來的東西需要跟用戶進(jìn)行交互的話,用UIView;如果不需要跟用戶進(jìn)行交互,用UIView或者CALayer都可以當(dāng)然,CALayer的性能會(huì)高一些,因?yàn)樗倭耸录幚淼墓δ?,更加輕量級(jí)position和anchorPointCALayer有2個(gè)非常重要的屬性:position和anchorPoint@property

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

CGPointanchorPoint;稱為“定位點(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)畫每一個(gè)UIView內(nèi)部都默認(rèn)關(guān)聯(lián)著一個(gè)CALayer,我們可用稱這個(gè)Layer為RootLayer(根層)所有的非RootLayer,也就是手動(dòng)創(chuàng)建的CALayer對(duì)象,都存在著隱式動(dòng)畫什么是隱式動(dòng)畫?當(dāng)對(duì)非RootLayer的部分屬性進(jìn)行修改時(shí),默認(rèn)會(huì)自動(dòng)產(chǎn)生一些動(dòng)畫效果而這些屬性稱為AnimatableProperties(可動(dòng)畫屬性)列舉幾個(gè)常見的AnimatableProperties:bounds:用于設(shè)置CALayer的寬度和高度。修改這個(gè)屬性會(huì)產(chǎn)生縮放動(dòng)畫backgroundColor:用于設(shè)置CALayer的背景色。修改這個(gè)屬性會(huì)產(chǎn)生背景色的漸變動(dòng)畫position:用于設(shè)置CALayer的位置。修改這個(gè)屬性會(huì)產(chǎn)生平移動(dòng)畫positoon隱式動(dòng)畫可以通過動(dòng)畫事務(wù)(CATransaction)關(guān)閉默認(rèn)的隱式動(dòng)畫效果[CATransaction

begin];[CATransaction

setDisableActions:YES];self.myvi

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論