CALayer與UIView的關係

1. UIView是iOS系統中界面元素的基礎,全部的界面元素都是繼承自它。它自己徹底是由CoreAnimation來實現的。它真正的繪圖部分,是由一個CALayer類來管理。UIView自己更像是一個CALayer的管理器,訪問它的跟繪圖和跟座標有關的屬性,例如frame,bounds等,實際上內部都是在訪問它所包含的CALayer的相關屬性。 html

2. UIView有個重要屬性layer,能夠返回它的主CALayer實例。
框架

// 要訪問層,讀取UIView實例的layer屬性 CALayer *layer = myView.layer

全部從UIView繼承來的對象都繼承了這個屬性。這意味着你能夠轉換、縮放、旋轉,甚至能夠在Navigation bars,TablesText boxes等其它的View類上增長動畫。每一個UIView都有一個層,控制着各自的內容最終被顯示在屏幕上的方式。
UIView的layerClass方法,能夠返回主layer所使用的類,UIView的子類能夠經過重載這個方法,來讓UIView使用不一樣的CALayer來顯示。代碼示例: 動畫

- (class)layerClass {
  return ([CAEAGLLayer class]);
}

上述代碼使得某個UIView的子類使用GL來進行繪製。 spa

3. UIView的CALayer相似UIView的子View樹形結構,也能夠向它的layer上添加子layer,來完成某些特殊的表示。即CALayer層是能夠嵌套的。示例代碼: code

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

上述代碼會在目標View上敷上一層黑色透明薄膜的效果。 orm

4. UIView的layer樹形在系統內部,被維護着三份copy。分別是邏輯樹,這裏是代碼能夠操縱的;動畫樹,是一箇中間層,系統就在這一層上更改屬性,進行各類渲染操做;顯示樹,其內容就是當前正被顯示在屏幕上得內容。 htm

5. 動畫的運做:對UIView的subLayer(非主Layer)屬性進行更改,系統將自動進行動畫生成,動畫持續時間的缺省值彷佛是0.5秒。 對象

6. 座標系統: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); 繼承

最後:layer能夠設置圓角顯示(cornerRadius),也能夠設置陰影 (shadowColor)。可是若是layer樹中某個layer設置了圓角,樹種全部layer的陰影效果都將不顯示了所以如果要有圓角又要陰影,變通方法只能作兩個重疊的UIView,一個的layer顯示圓角,一個layer顯示陰影...... get

7.渲染當更新層,改變不能當即顯示在屏幕上。當全部的層都準備好時,能夠調用setNeedsDisplay方法來重繪顯示。

[gameLayer setNeedsDisplay];

若要重繪部分屏幕區域,請使用setNeedsDisplayInRect:方法,經過在CGRect結構的區域更新:

[gameLayer setNeedsDisplayInRect:CGRectMake(150.0,100.0,50.0,75.0)];

若是是用的Core Graphics框架來執行渲染的話,能夠直接渲染Core Graphics的內容。用renderInContext:來作這個事。

[gameLayer renderInContext:UIGraphicsGetCurrentContext()];

補充:drawInContext只在當前圖層繪製,不包括任何子圖層。而renderInContext繪製圖層及其子圖層,由CoreAnimation管理,能夠捕捉當前圖層的動畫狀態和渲染效果。不會調用drawInContext。可參見http://wiki.eoe.cn/page/iOS_pptl_artile_29849.html

8.變換:要在一個層中添加一個3D或仿射變換,能夠分別設置層的transform或affineTransform屬性。

characterView.layer.transform = CATransform3DMakeScale(-1.0,-1.0,1.0);
CGAffineTransform transform = CGAffineTransformMakeRotation(45.0);
backgroundView.layer.affineTransform = transform;

9.變形:Quartz Core的渲染能力,使二維圖像能夠被自由操縱,就好像是三維的。圖像能夠在一個三維座標系中以任意角度被旋轉,縮放和傾斜。CATransform3D的一套方法提供了一些魔術般的變換效果。

相關文章
相關標籤/搜索