[轉(zhuǎn)載]UIView/CALayer的區(qū)別,為什么已經(jīng)有了UIView還要再加個(gè)CALayer

一.繼承結(jié)構(gòu)

1: UIView的繼承結(jié)構(gòu)為: UIResponder : NSObject

UIResponder是用來(lái)響應(yīng)事件的本鸣,也就是UIView可以響應(yīng)用戶(hù)事件

2:CALayer的繼承結(jié)構(gòu)為:NSObject疫衩。

直接從NSObject繼承,沒(méi)有UIResponder類(lèi)荣德,所以CALayer不能響應(yīng)任何用戶(hù)事件闷煤。

二.所屬框架

1:UIView是在 /System/Library/Frameworks/UIKit.framework中定義的童芹。

2:CALayer是在/System/Library/Frameworks/QuartzCore.framework定義的。而且CALayer作為一個(gè)低級(jí)的鲤拿,可以承載繪制內(nèi)容的底層對(duì)象出現(xiàn)在該框架中假褪。

UIView側(cè)重于對(duì)顯示內(nèi)容的管理,CALayer側(cè)重于對(duì)內(nèi)容的繪制近顷。

三.相似

1:相似的樹(shù)形結(jié)構(gòu)

2:顯示內(nèi)容繪制方式

3: 布局約束

四.其它區(qū)別

1生音、UIView是IOS系統(tǒng)中界面元素的基礎(chǔ),所有的界面元素都繼承自它窒升。它本身完全是由CoreAnimation來(lái)實(shí)現(xiàn)的(Mac下似乎不是這樣)缀遍。它真正的繪圖部分是由一個(gè)叫CALayer(Core Animation Layer)的類(lèi)來(lái)管理。UIView本身饱须,更像是一個(gè)CALayer的管理器域醇,訪(fǎng)問(wèn)它的跟繪圖和跟坐標(biāo)有關(guān)的屬性,例如frame蓉媳,bounds等等譬挚,實(shí)際上內(nèi)部都是在訪(fǎng)問(wèn)它所包含的CALayer的相關(guān)屬性。

2酪呻、UIView有個(gè)layer屬性减宣,可以返回它的主CALayer實(shí)例,UIView有一個(gè)layerClass類(lèi)方法号杠,返回主layer所使用的類(lèi)蚪腋,UIView的子類(lèi),可以通過(guò)重載這個(gè)方法姨蟋,來(lái)讓UIView使用不同的CALayer來(lái)顯示屉凯。

3、UIView的CALayer類(lèi)似UIView的子View樹(shù)形結(jié)構(gòu)眼溶,也可以向它的layer上添加layer悠砚,來(lái)完成某些特殊的表示。

例如下面的代碼: ??? CALayer *grayLayer=[[CALayer alloc] init]; ??? grayLayer.backgroundColor=[[[UIColor redColor] colorWithAlphaComponent:1.0] CGColor]; ??? [self.view.layer addSublayer:grayLayer]; 會(huì)在目標(biāo)View上敷上一層紅色的透明薄膜堂飞。

4灌旧、UIView的layer樹(shù)形在系統(tǒng)內(nèi)部,被系統(tǒng)維護(hù)著三份copy(這里的理解可能不準(zhǔn)確)

第一份绰筛,邏輯樹(shù)枢泰,就是代碼里可以操縱的,例如更改layer的屬性等等就在這一份铝噩。

第二份衡蚂,動(dòng)畫(huà)樹(shù),這是一個(gè)中間層,系統(tǒng)正在這一層上更改屬性毛甲,進(jìn)行各種渲染操作年叮。

第三份,顯示樹(shù)玻募,這棵樹(shù)的內(nèi)容是當(dāng)前正被顯示在屏幕上的內(nèi)容只损。 ?? 這三棵樹(shù)的邏輯結(jié)構(gòu)都是一樣的,區(qū)別只有各自的屬性七咧。

5跃惫、動(dòng)畫(huà)的動(dòng)作UIView的主layer以外(覺(jué)得是這樣),對(duì)它的subLayer坑雅,也就是子layer的屬性進(jìn)行更改辈挂,系統(tǒng)將自動(dòng)進(jìn)行動(dòng)畫(huà)生成,動(dòng)畫(huà)持續(xù)時(shí)間有個(gè)缺省時(shí)間裹粤,感覺(jué)大概是0.5秒终蒂。在動(dòng)畫(huà)時(shí)間里,系統(tǒng)自動(dòng)判斷哪些屬性更改了遥诉,自動(dòng)對(duì)更改的屬性進(jìn)行動(dòng)畫(huà)插值拇泣,生成中間幀,然后連續(xù)顯示產(chǎn)生動(dòng)畫(huà)效果矮锈。

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,也就是按比例來(lái)設(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ì)被挪到原來(lái)的中間的位置宪塔。 ?? 但是加上這句代碼就好了: ?? 某 layer.position=CGPointMake(0.f,0.f);

7、需要注意的: ?? layer可以設(shè)置圓角顯示囊拜,例如UIButton的效果丐怯,也就是設(shè)置陰影顯示踪央,但是如果layer樹(shù)中的某個(gè)layer設(shè)置了圓角楚殿,樹(shù)中所有l(wèi)ayer的陰影效果都將顯示不了。如果既想有圓角又要陰影静暂,好像只能做兩個(gè)重疊的UIView,一個(gè)顯示圓角端仰,一個(gè)顯示陰影泳猬。

為什么?

1.UIView 是什么盗冷,做什么

UIView是用來(lái)顯示內(nèi)容的怠苔,可以處理用戶(hù)事件

2.(CALayer是什么,做什么

CALayer是用來(lái)繪制內(nèi)容的仪糖,對(duì)內(nèi)容進(jìn)行動(dòng)畫(huà)處理依賴(lài)與UIView來(lái)進(jìn)行顯示柑司,不能處理用戶(hù)事件。

3.為何有兩套結(jié)構(gòu)?

并不是兩套體系锅劝,UIView和CALayer是相互依賴(lài)的關(guān)系攒驰。UIView依賴(lài)與calayer提供的內(nèi)容,CALayer依賴(lài)uivew提供的容器來(lái)顯示繪制的內(nèi)容故爵。歸根到底CALayer是這一切的基礎(chǔ)玻粪,如果沒(méi)有CALayer,UIView自身也不會(huì)存在诬垂,UIView是一個(gè)特殊的CALayer實(shí)現(xiàn)劲室,添加了響應(yīng)事件的能力。

4.兩者之間的關(guān)系

UIView來(lái)自CALayer结窘,高于CALayer很洋,是CALayer高層實(shí)現(xiàn)與封裝。UIView的所有特性來(lái)源于CALayer支持隧枫。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末喉磁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子官脓,更是在濱河造成了極大的恐慌协怒,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,843評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件确买,死亡現(xiàn)場(chǎng)離奇詭異斤讥,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)湾趾,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,538評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén)芭商,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人搀缠,你說(shuō)我怎么就攤上這事铛楣。” “怎么了艺普?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,187評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵簸州,是天一觀(guān)的道長(zhǎng)鉴竭。 經(jīng)常有香客問(wèn)我,道長(zhǎng)岸浑,這世上最難降的妖魔是什么搏存? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,264評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮矢洲,結(jié)果婚禮上璧眠,老公的妹妹穿的比我還像新娘。我一直安慰自己读虏,他們只是感情好责静,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,289評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著盖桥,像睡著了一般灾螃。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上揩徊,一...
    開(kāi)封第一講書(shū)人閱讀 51,231評(píng)論 1 299
  • 那天腰鬼,我揣著相機(jī)與錄音,去河邊找鬼靴拱。 笑死垃喊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的袜炕。 我是一名探鬼主播本谜,決...
    沈念sama閱讀 40,116評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼偎窘!你這毒婦竟也來(lái)了乌助?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 38,945評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤陌知,失蹤者是張志新(化名)和其女友劉穎他托,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體仆葡,經(jīng)...
    沈念sama閱讀 45,367評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赏参,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,581評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了沿盅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片把篓。...
    茶點(diǎn)故事閱讀 39,754評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖腰涧,靈堂內(nèi)的尸體忽然破棺而出韧掩,到底是詐尸還是另有隱情,我是刑警寧澤窖铡,帶...
    沈念sama閱讀 35,458評(píng)論 5 344
  • 正文 年R本政府宣布疗锐,位于F島的核電站坊谁,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏滑臊。R本人自食惡果不足惜口芍,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,068評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望简珠。 院中可真熱鬧阶界,春花似錦、人聲如沸聋庵。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,692評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)祭玉。三九已至,卻和暖如春春畔,著一層夾襖步出監(jiān)牢的瞬間脱货,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,842評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工律姨, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留振峻,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,797評(píng)論 2 369
  • 正文 我出身青樓择份,卻偏偏與公主長(zhǎng)得像扣孟,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子荣赶,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,654評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果凤价,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺iOS動(dòng)畫(huà)全貌拔创。在這里你可以看...
    F麥子閱讀 5,110評(píng)論 5 13
  • 在iOS中隨處都可以看到絢麗的動(dòng)畫(huà)效果利诺,實(shí)現(xiàn)這些動(dòng)畫(huà)的過(guò)程并不復(fù)雜,今天將帶大家一窺ios動(dòng)畫(huà)全貌剩燥。在這里你可以看...
    每天刷兩次牙閱讀 8,485評(píng)論 6 30
  • 轉(zhuǎn)載:http://www.reibang.com/p/32fcadd12108 每個(gè)UIView有一個(gè)伙伴稱(chēng)為l...
    F麥子閱讀 6,196評(píng)論 0 13
  • 每個(gè)UIView有一個(gè)伙伴稱(chēng)為layer慢逾,一個(gè)CALayer。UIView實(shí)際上并沒(méi)有把自己畫(huà)到屏幕上;它繪制本身...
    shenzhenboy閱讀 3,104評(píng)論 0 17
  • 在iOS實(shí)際開(kāi)發(fā)中常用的動(dòng)畫(huà)無(wú)非是以下四種:UIView動(dòng)畫(huà)灭红,核心動(dòng)畫(huà)侣滩,幀動(dòng)畫(huà),自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)比伏。 1.UIView...
    請(qǐng)叫我周小帥閱讀 3,092評(píng)論 1 23