前言
本次分享將從以下方面進行展開：
- 曾被面試官問倒過的問題：層與視圖的關系
CALayer類介紹及層與視圖的關系CAShapeLayer類介紹UIBezierPath貝塞爾曲線講解CoreAnimation之動畫子類介紹CATransitionAnimation類實現各種過濾動畫
關於Core Animation在iOS系統中的關系圖如下：
可以看出，Core Animation是相對上層的封裝，介於UIKit與Core Graphics、OpenGL/OpenGL ES之間。最底下還有一個Graphics Hardware，就是硬件了！！！
層與視圖的關系
我們先看看Window與Layer之間的關系：
這個圖告訴我們，層是基於繪畫模型實現的，層並不會在我們的app中做什么事，實際上是層只是捕獲app所提供的內容，並緩存成bitmap，當任何與層關聯的屬性值發生變化時，Core Animation就會將新的bitmap傳給繪圖硬件，並根據新的位圖更新顯示。
UIView是iOS系統中界面元素的基礎，所有的界面元素都是繼承自UIView。它本身完全是由CoreAnimation來實現的。它真正的繪圖部分，是由一個CALayer類來管理。UIView本身更像是一個CALayer的管理器，訪問它的跟繪圖和跟坐標有關的屬性，例如frame、bounds等，實際上內部都是在訪問它所包含的CALayer的相關屬性。
提示：
layer-based drawing不同於view-based drawing，后者的性能消耗是很高的，它是在主線程上直接通過CPU完成的，而且通常是在-drawRect:中繪制動畫。
UIView與CALayer的聯系
我們看看UIView與layer之間的關系圖：
我們可以看到，一個UIView默認就包含一個layer屬性，而layer是可以包含sublayer的，因此形成了圖層樹。從此圖可以看出這兩者的關系：視圖包含一個layer屬性且這個layer屬性可以包含很多個sublayer。
有人說UIView就像一個畫板，而layer就像畫布，一個畫板上可以有很多塊畫布，但是畫布不能有畫板。
UIView與CALayer的主要區別
UIView是可以響應事件的，但是CALayer不能響應事件UIView主要負責管理內容，而CALayer主要負責渲染和呈現。如果沒有CALayer，我們是看不到內容的。CALayer維護着三個layer tree,分別是presentLayer Tree、modeLayer Tree、Render Tree,在做動畫的時候，我們修改動畫的屬性，其實是修改presentLayer的屬性值,而最終展示在界面上的其實是提供UIView的modelLayer。
官方說明了UIView與CALayer的聯系：
Layers are not a replacement for your app’s views—that is, you cannot create a visual interface based solely on layer objects. Layers provide infrastructure for your views. Specifically, layers make it easier and more efficient to draw and animate the contents of views and maintain high frame rates while doing so. However, there are many things that layers do not do. Layers do not handle events, draw content, participate in the responder chain, or do many other things. For this reason, every app must still have one or more views to handle those kinds of interactions.
說說CALayer
我們首先得明確Layer在iOS系統上的坐標系起點是在左上角的，而在OS X系統上是左下角的：
筆者對Layer相關的屬性和方法畫了這么一張圖：
看看官方關於Layer Tree的說明：
。
Core Animation介紹
我們在開發中常見的動畫：
筆者將Core Animation的關系圖及相關屬性、方法說明都通過該圖來表達：
如果我們要改變動畫的行為，我們可以實現CAAction協議的方法，像這樣：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
- (id<CAAction>)actionForLayer:(CALayer *)theLayer
forKey:(NSString *)theKey {
CATransition *theAnimation=nil;
if ([theKey isEqualToString:@"contents"]) {
theAnimation = [[CATransition alloc] init];
theAnimation.duration = 1.0;
theAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
theAnimation.type = kCATransitionPush;
theAnimation.subtype = kCATransitionFromRight;
}
return theAnimation;
}
|