一、新增 Quartz Core 框架

要使用 Quartz Core 框架，你需要將其新增到你的工程中 。 然後  #import <Quartz Core/QuartzCore.h> 

二、認識圖層

對 ps 有所瞭解的人都知道圖層的概念，在這裡也一樣。在PS中一張圖片至少得有一個圖層，一個或多個圖層的疊加構成了一張點陣圖。我們這裡一個或多個圖層的疊加的構成了UIView（或其派生類）物件。看過我關於 UIView 文章的人可能會有疑問：UIView 和圖層沒啥區別啊？NO，還是有區別的，圖層是有彈性的，你可以操縱圖層，使 UIView 有各種效果，比如三維效果，形變等等。

要訪問一個圖層，需要讀取 UIview 的 layer 屬性。

1. CALayer* layer = self.view.layer;  

有人又有疑問了，上面的程式碼我們只讀取了一個 layer 假如一個UIView 有多個圖層呢? 不錯 UIView 確實只有一個layer 屬性，但是layer 是可以疊加的，layer 可以疊加在 layer 上面，所以這個layer 就相當於是一塊底板，我們可以在這塊地板上疊加一些透明膠片（子圖層），疊加在一起之後就構成了一個組合影象。

三、圖層的層次結構

圖層有很多通用的方法和屬性，來操作子圖層和執行繪製操作。這些方法允許你將許多單個圖層疊加在一起，來繪製一個組合的螢幕影象。

一個圖層可以有許多個子圖層。在最終繪製螢幕時，子圖層可以被排列後固定在一起。這可以參考賽車遊戲中的圖層。遊戲可能有幾個圖層組成：一個繪製背景、一個繪製角色、一個繪製地圖顯示器。你可能會為每個圖層準備一個專門的UIView類，並另外用一個UIView類來整合遊戲畫面：

1. UIView* gameView = [[UIView alloc]initWithFrame:[[UIScreen mainScreen]applicationFrame] ];  
2.     UIView* backgroundView = [[UIView alloc]initWithFrame:[[UIScreen mainScreen]applicationFrame]];  
3.     UIView* roleView= [[UIView alloc]initWithFrame:CGRectMake(0.0, 0.0, 100.0, 200.0)];  
4.     UIView* mapView = [[UIView alloc]initWithFrame:CGRectMake(200.0, 0.0, 100.0, 100.0)];  
5.     //通過CALayer 類的addSublayer 方法，你可以將3個UIView 類的圖層全都與 gameView 物件連結在一起：
6.     CALayer* gameLayer = gameView.layer;  
7.     [gameLayer addSublayer:backgroundView.layer];  
8.     [gameLayer addSublayer:roleView.layer];  
9.     [gameLayer addSublayer:mapView.layer];  

當gameView 物件顯示在螢幕上的時候，3個子圖層被合併在一起繪製出來。每個類單獨繪製他自己的圖層，但當遊戲圖層被顯示出來的時候，3個圖層就全都融合在一起了。

gameView不是唯一能夠新增子圖層的圖層。子圖層也可以新增自己的子圖層，並且可以構建一個完整的圖層層次結構。例如你的遊戲可能會在 mapView圖層中再構加入一個圖層，用來顯示map的一部分內容，比如剩餘里程數。

1. UILabel* lastDistance = [[UILabel alloc]initWithFrame:CGRectMake(0.0, 0.0, 20.0, 20.0)];  
2.     [mapView.layer addSublayer:lastDistance.layer];  

此外，通過設定圖層的position屬性，你還可以不用改變圖層的大小就對其位置進行調整。這個屬性接受一個CGPoint 結構體，來定點陣圖層在螢幕上的偏移位置。與frame 屬性不同，position 屬性指定的是圖層的重點，而不是左上角：

1. CGPoint lastDistancePosition = CGPointMake(100.0, 100.0);  
2.   lastDistance.layer.position = lastDistancePosition;  

四、佈局與顯示

除了新增子圖層之外，CALayer 類還提供了很多不同的方法，可以來插入、調整和移除子圖層。

當你用 addSublayer 來新增一個子圖層時，他會被新增到圖層層次結構的頂層，所以他會顯示在現有所有子圖層的最前面。用一組名為 insertSublayer 的替代方法，你可以將新檢視插入現有的圖層之間。

用atIndex 引數，可以將一個圖層插入到指定的下標位置：

1. [gamelayer insertSublayer:mapView.layer atIndex:1];  

1. [ gamelayer insertSublayer:mapView.layer below:backgroundView.layer];  
2. [ gamelayer insertSublayer:mapView.layer above:roleView.layer];  

1. [ mapView.layer removeFromSuperlayer];  

1. [ gamelayer replaceSublayer:backgroundView.layer with:newBackgroundView.layer ];  

1. - (void) Togglemap{  
2.        mapView.layer.hidden = (mapView.layer.hidden == NO)?YES:NO;  
3. }  

在更新一個圖層時，變化不是立刻被繪製在螢幕上的。這樣你就可以偷偷地對圖層做很多寫操作而不會被展示給使用者，直到所有的操作全部結束為止。當圖層準備好可以進行重畫時，就呼叫圖層的 setNeedsDisplay  方法：

1. [ gamelayer setNeedsDisplsy ];  

1. CGRect mapViewFrame  =CGRectMake(150.0,150,75.0,75.0);  
2. [ gameLayer setNeedsDisplayInRect:mapViewFrame  ];   

1. CGContextRef myCGContext = UIGraphicsGetCurrentContext();  
2. [ gamelayer renderInContext:myCGContext ];  

六、變換

要為圖層加上一個三維變換或者仿射變換，可以分別設定圖層的 transform 或 affineTransform 屬性。

1. roleview.layer.transform = CATransform3DMakeScale( -1.0,-1.0,1.0);  
2. CGAffineTransform transform = CGAffineTransformMakeRotation(45.0);  
3. backgroundView.layer.affineTransform =transform ;  

Quartz Core 的能力遠遠不止一個簡單的畫板式圖層。他可以將一個二維物體變換為一個令人瞠目結舌的三維紋理，用於建立NB的轉場動畫。

我之前寫過一篇介紹轉場動畫的文章，那是一種在不同 UIView 物件之間進行過度的手段。你可以直接將轉場動畫用於圖層或子圖層。動畫可以作為 CAtransition 物件創建出來。

圖層轉場增強了現有的 CATransition 類，為其提供了一種方法，能用Quartz Core 的動畫引擎來新增動畫。這令開發者可以利用Quartz Core提供的三維功能，而不必對程式碼做大的改動。當圖層被動畫使，一個 CATransition 或CAAnimation 物件會被附加在圖層上。然後圖層會呼叫Quartz Core，分支出一個新執行緒，負責動畫的全部圖形處理工作。開發者秩序加入期望的動畫，就可以提升一個現有圖層的功能。用下面的例子程式碼，可以建立一個轉場：

1. CATransition* animation = [[CATransition alloc]init];  
2.     animation.duration =1.0;  
3.     animation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];  
4.     animation.type = kCATransitionPush;  
5.     animation.subtype = kCATransitionFromRight;  

警告：到目前為止，噁心的的蘋果允許使用者建立的轉場型別仍然極其有限。Quartz Core 框架內部還支援相當多的其他轉場效果，例如自然翻頁和縮放轉場等，但是受到限制，只能有蘋果自己的應用程式使用。（噁心吧）

通過建立一個CABasicAnimation 物件，你就可以創建出一個動畫。下面的例子建立了一個動畫，將圖層旋轉了整整360度：

1. CABasicAnimation *animation = [CABasicAnimation  animationWithKeyPath:@"transform"];  
2.     animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(3.1415, 0, 0, 1.0)];  
3.     animation.duration =3.0;  
4.     animation.cumulative =YES;  
5.     animation.repeatCount=2;  

1. [mapView.layer addAnimation:animation forKey:@"animation"];  

八、圖層變換

Quartz Core 的渲染能力可以像三維一樣對二維影象進行任意操縱。一個影象可以在x-y-z 三維軸上進行任意角度旋轉、縮放和扭曲。CATransform3D 函式族是蘋果的Cover Flow 技術 以及 iPhone 上使用的其他美觀特效的幕後力量。iPhone 支援包括縮放、旋轉、仿射、平移等。

變換實在單獨的圖層上執行的，因此多個變換可以在一個圖層表面上同時進行。Quartz Core 框架用 CATransform3D 物件來執行變換。這個物件作用於檢視的圖層，根據期望的三維設定對圖層進行彎折或者其他操作。應用程式可以仍然將物件看作是二維的，但是當物件呈現給使用者時，會遵從已經作用於圖層之上的任何變換。下面的例子建立了一個變換，目的是對一個圖層進行旋轉：

1. CATransform3D myTransform;  
2. myTransform = CATransform3DMakeRotation(angle,x,y,z);  

要將一個圖層繞水平軸轉動（垂直轉動）45度，可以使用下面的程式碼：

1. myTransform = CATransform3DMakeRotation(0.78,1.0,0.0,0.0);//0.78 是角度45度換成弧度得到的

1. myTransform = CATransform3DMakeRotation(0.78,0.0,1.0,0.0);  

1. double radians(float degrees){  
2.    return (degrees*3.14159265)/180.0;  
3. }  

1. myTransform = CATransform3DMakeRotation( radians(45.0),0.0,1.0,0.0);  

1. roleView.layer.transform = myTransform;