Quartz2D是跨平臺的，同時支持iOS與Mac。

支持圓型裁剪，可以實現圓形頭像等功能，也支持手勢解鎖、折線圖等的制作。

對于復雜的UI界面，還可以通過Quartz2D將控件內部的結構畫出來，可用于自定義控件。

實際上iOS大部分控件都是通過Quartz2D畫出來的，一個重要價值是自定義view。

一些基礎概念：

1.圖形上下文（Graphics Context）：是CGContextRef類型數據

能保存繪圖信息、繪圖狀態，決定繪制的輸出目標，可以輸出到文件或者窗口。

繪制好的圖像先保存到圖形上下文，再顯示到輸出目標。

Tip：相同的圖像，經過不同的圖形上下文，就可以顯示到不同的地方。

Quartz2D支持的類型：Bitmap、PDF、Window、Layer、Printer.

2.自定義view

擁有圖形上下文，并且與view有關。

步驟：

1.新建一個類，繼承自UIView。

2.實現drawRect: rect方法畫圖。

3.須知：

1.后面繪制的部分覆蓋前面繪制的部分。

2.Quartz2D的API是純C代碼。

3.Quartz2D來自CoreGraphics框架。

4.數據類型和函數基本都是以CG開頭。

重寫UIView的drawRect方法，可以繪制圖形，繪制直線的方法：

1.繪制直線

以CGContext開頭的，MoveToPoint、AddLineToPoint以及StrokePath方法

Tip：如果要畫獨立的直線，只要多次使用MoveToPoint即可。

Tip：drawRect函數在View第一次顯示到屏幕上的時候會調用一次，重繪時也會調用一次。

- (void)drawRect:(CGRect)rect {// 1.獲得圖形上下文CGContextRef ctx = UIGraphicsGetCurrentContext();// 2.拼接圖形（路徑）// 2.1設定起點CGContextMoveToPoint(ctx, 10, 10);// 2.2添加一條線從起點到(100,100)CGContextAddLineToPoint(ctx, 100, 100);// 2.3從上次終點繼續繪制CGContextAddLineToPoint(ctx, 150, 40);// 2.4回到起點，關閉路徑CGContextAddLineToPoint(ctx, 10, 10);// 3.渲染顯示到view上，stroke是空心的形式。CGContextStrokePath(ctx);}

2.繪制矩形：

CGContextAddRect(ctx, CGRectMake(10, 10, 100, 100));

Tip：Stroke方法畫的是空心圖形，將Stroke換為Fill可得到填充圖形。

3.設置狀態的代碼（顏色、粗細）：

Tip：設置狀態的代碼一定要放在渲染的前面，放在繪制函數的前后都可以。

3.1設置線寬：

CGContextSetLineWidth(ctx, 10);

3.2設置顏色：有Stroke和Fill兩種方式，注意小數是 x / 255.0。

CGContextSetRGBStrokeColor(ctx, 255/255.0, 125/255.0, 0.0, 1.0)

Tip：狀態只在渲染的時候確定，因此多個狀態不同的內容應該渲染多次。

3.3線段頭尾樣式（圓形）：三中，Miter是默認的發射狀（方形）、Round為圓形、Bevel為裁剪。

CGContextSetLineCap(ctx, kCGLineCapRound);

連接點樣式：

CGContextSetLineJoin(ctx, kCGLineJoinRound);

Tip：如果使用多次渲染，那么之前繪制的路徑尾就無法繼續使用了，應該重新確立起點。

Tip：CMYK是印刷色彩顏色，由青、品紅、黃、黑構成，RGB由紅綠藍構成。

設置顏色的一個簡便方法：

使用UIColor對象的setStroke與setFill方法：如果寫set則是全部設置。

[[UIColor redColor] setStroke];

4.繪制圓和橢圓：通過外接矩形確定。

    // 圓形CGContextAddEllipseInRect(ctx, CGRectMake(10, 10, 60, 60));// 橢圓CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 100, 50));

5.繪制圓弧：

/***  繪制圓弧**  @param c#>          圖形上下文 description#>*  @param x#>          圓心x description#>*  @param y#>          圓心y description#>*  @param radius#>     半徑 description#>*  @param startAngle#> 起始角度 description#>*  @param endAngle#>   結束角度 description#>*  @param clockwise#>  圓弧生長方向 0順 1逆 description#>**/CGContextAddArc(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>, <#CGFloat radius#>, <#CGFloat startAngle#>, <#CGFloat endAngle#>, <#int clockwise#>);

需要注意的是角度為弧度，應該通過系統的宏來換算：M_PI_2表示二分之PI，M_1_PI表示0.1PI。

另外注意一點這里的角度和數學定義不同，順時針為正角度，逆時針為負角度。

6.圖片和文字結合：

Tip：Quartz2D的坐標系和數學上一致，但是UIKit框架做了轉換，和屏幕坐標系一致都是左上角為(0,0)，因此使用純C語言繪制出來的東西是倒著的。

利用OC來繪制字符串不需要調用和上下文：

NSString *str = @"一段文字";
[str drawAtPoint:CGPointMake(0, 0) withAttributes:nil];

想把文字放到矩形框內，使用drawInRect，還可以自動換行。

withAttributes是對狀態的設置，注意要傳入字典。

參數已經定義成字符串常量：

NSMutableDictionary *attrs = [NSMutableDictionary dictionary];
attrs[NSForegroundColorAttributeName] = [UIColor whiteColor];
[str drawAtPoint:CGPointMake(0, 0) withAttributes:attrs];

常見的屬性：

NSForegroundColorAttributeName為文字顏色。
NSFontAttributeName為字體。

圖片的繪制：

直接繪制：

[UIImage imageNamed:@"me"];
[image drawInRect:CGRectMake(0, 0, 150, 150)];

平鋪：

[UIImage imageNamed:@"me"];
[image drawAsPatternInRect:CGRectMake(0, 0, 150, 150)];

轉載于:https://www.cnblogs.com/aiwz/p/6154204.html

總結

以上是生活随笔為你收集整理的（四十七）Quartz2D引擎初步的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。