UIView

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來顯示,例如通過

1

- (class) layerClass {

2

return ([CAEAGLLayer class]);

3

}

使某個(gè)UIView的子類使用GL來進(jìn)行繪制。

3.UIView的CALayer類似UIView的子View樹形結(jié)構(gòu),也可以向它的layer上添加子layer,來完成某些特殊的表示。例如下面的代碼

1

grayCover = [[CALayer alloc] init];

2

grayCover.backgroundColor = [[[UIColor blackColor] colorWithAlphaComponent:0.2] CGColor];

3

[self.layer addSubLayer: grayCover];

會在目標(biāo)View上敷上一層黑色的透明薄膜。

4.UIView的layer樹形在系統(tǒng)內(nèi)部,被系統(tǒng)維護(hù)著三份copy(這段理解有點(diǎn)吃不準(zhǔn))。

第一份,邏輯樹,就是代碼里可以操縱的,例如更改layer的屬性等等就在這一份。

第二份,動畫樹,這是一個(gè)中間層,系統(tǒng)正在這一層上更改屬性,進(jìn)行各種渲染操作。

第三份,顯示樹,這棵樹的內(nèi)容是當(dāng)前正被顯示在屏幕上的內(nèi)容。

這三棵樹的邏輯結(jié)構(gòu)都是一樣的,區(qū)別只有各自的屬性。

5.動畫的運(yùn)作

UIView的主layer以外(我覺得是這樣),對它的subLayer,也就是子layer的屬性進(jìn)行更改,系統(tǒng)將自動進(jìn)行動畫生成,動畫持續(xù)時(shí)間有個(gè)缺省時(shí)間,個(gè)人感覺大概是0.5秒。在動畫時(shí)間里,系統(tǒng)自動判定哪些屬性更改了,自動對更改的屬性進(jìn)行動畫插值,生成中間幀然后連續(xù)顯示產(chǎn)生動畫效果。

6.坐標(biāo)系系統(tǒng)(對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í)會更改layer的position的位置,它的缺省值是{0.5, 0.5},也就是在layer的中央。

某layer.anchorPoint = CGPointMake(0.f, 0.f);

如果這么設(shè)置,layer的左上角就會被挪到原來的中間的位置,

加上這樣一句就好了

某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)長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顯示陰影.....

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,555評論 1 374
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,516評論 2 379

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

  • 在iOS中隨處都可以看到絢麗的動畫效果,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,551評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,140評論 5 13
  • 概覽 在iOS中隨處都可以看到絢麗的動畫效果,實(shí)現(xiàn)這些動畫的過程并不復(fù)雜,今天將帶大家一窺iOS動畫全貌。在這里你...
    被吹落的風(fēng)閱讀 1,582評論 1 2
  • 前言 前面發(fā)了一篇iOS 面試的文章,在說到 UIView 和 CALayer 的區(qū)別和聯(lián)系的時(shí)候,被喵神指出沒有...
    Mz楓閱讀 767評論 0 4
  • UIView與CALayer的關(guān)系 在iOS系統(tǒng)中,你能看得見摸得著的東西基本上都是UIView,比如一個(gè)按鈕、一...
    kidzss閱讀 1,482評論 0 6