UIView和CALayer

1.UIView是iOS系統中界面元素的基礎,所有的界面元素都繼承自它。它本身完全是由CoreAnimation來實現的(Mac下似乎不是這樣)。它真正的繪圖部分,是由一個叫CALayer(Core Animation Layer)的類來管理。UIView本身,更像是一個CALayer的管理器,訪問它的跟繪圖和跟坐標有關的屬性,例如frame,bounds等等,實際上內部都是在訪問它所包含的CALayer的相關屬性。
2.UIView有個layer屬性,可以返回它的主CALayer實例,UIView有一個layerClass方法,返回主layer所使用的類,UIView的子類,可以通過重載這個方法,來讓UIView使用不同的CALayer來顯示,例如通過
+ (class) layerClass
{
return ([CAEAGLLayer class]);
}

使某個UIView的子類使用GL來進行繪制。
3.UIView的CALayer類似UIView的子View樹形結構,也可以向它的layer上添加子layer,來完成某些特殊的表示。例如下面的代碼

  grayCover = [[CALayer alloc] init];
  grayCover.backgroundColor = [[[UIColor blackColor] colorWithAlphaComponent:0.2] CGColor];
  [self.layer addSubLayer: grayCover];

會在目標View上敷上一層黑色的透明薄膜。
4.UIView的layer樹形在系統內部,被系統維護著三份copy(這段理解有點吃不準)。
第一份,邏輯樹,就是代碼里可以操縱的,例如更改layer的屬性等等就在這一份。
第二份,動畫樹,這是一個中間層,系統正在這一層上更改屬性,進行各種渲染操作。
第三份,顯示樹,這棵樹的內容是當前正被顯示在屏幕上的內容。這三棵樹的邏輯結構都是一樣的,區別只有各自的屬性。
5.動畫的運作UIView的主layer以外(我覺得是這樣),對它的subLayer,也就是子layer的屬性進行更改,系統將自動進行動畫生成,動畫持續時間有個缺省時間,個人感覺大概是0.5秒。在動畫時間里,系統自動判定哪些屬性更改了,自動對更改的屬性進行動畫插值,生成中間幀然后連續顯示產生動畫效果。
6.坐標系系統(對position和anchorPoint的關系還是犯暈)CALayer的坐標系系統和UIView有點不一樣,它多了一個叫anchorPoint的屬性,它使用CGPoint結構,但是值域是0~1,也就是按照比例來設置。這個點是各種圖形變換的坐標原點,同時會更改layer的position的位置,它的缺省值是{0.5, 0.5},也就是在layer的中央。
某layer.anchorPoint = CGPointMake(0.f, 0.f);
如果這么設置,layer的左上角就會被挪到原來的中間的位置,加上這樣一句就好了
某layer.position = CGPointMake(0.f, 0.f);
7.真實例子的分析
這是iphone上iBook翻頁的效果,假設每一頁都是一個UIView,我覺得一個頁面是貼了倆個Layer,文字Layer顯示正面的內容,背面layer用文字layer的快照做affine翻轉,貼在文字layer的后面。因為Layer可以設置顯示陰影,也許后面的陰影效果沒有使用單獨的一個layer來顯示。至于這個曲面效果,我查了很多資料也沒有結果,估計是使用了GL的曲面繪圖?
8.最后一個讓人惡心的。layer可以設置圓角顯示,例如UIButton的效果,也可以設置陰影顯示,但是如果layer樹中的某個layer設置了圓角,樹中所有layer的陰影效果都將顯示不了了。如果既想有圓角又想要陰影,好像只能做兩個重疊的UIView,一個的layer顯示圓角,一個的layer顯示陰影......

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • UIView與CALayer的關系 在iOS系統中,你能看得見摸得著的東西基本上都是UIView,比如一個按鈕、一...
    kidzss閱讀 1,505評論 0 6
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現這些動畫的過程并不復雜,今天將帶大家一窺ios動畫全貌。在這里你可以看...
    每天刷兩次牙閱讀 8,572評論 6 30
  • 在iOS中隨處都可以看到絢麗的動畫效果,實現這些動畫的過程并不復雜,今天將帶大家一窺iOS動畫全貌。在這里你可以看...
    F麥子閱讀 5,141評論 5 13
  • CALayer屬于Core Animation部分的內容,比較重要而不太好理解。以下是園子中看到的一篇文章的摘錄:...
    shuaikun閱讀 1,176評論 0 0
  • 1. UIView是iOS系統中界面元素的基礎,所有的界面元素都是繼承自它。它本身完全是由CoreAnimatio...
    ScaryMonsterLyn閱讀 355評論 0 0