【iOS】Quartz2D繪圖路徑Path

 

1、繪圖路徑

A.簡單說明

在畫線的時候，方法的內部默認建立一個path。它把路徑都放到了path裏面去。

1.建立路徑  cgmutablepathref 調用該方法至關於建立了一個路徑，這個路徑用來保存繪圖信息。

2.把繪圖信息添加到路徑裏邊。

之前的方法是點的位置添加到ctx（圖形上下文信息）中，ctx 默認會在內部建立一個path用來保存繪圖信息。

在圖形上下文中有一塊存儲空間專門用來存儲繪圖信息，其實這塊空間就是CGMutablePathRef。

3.把路徑添加到上下文中。

代碼示例：

繪製一條直線的代碼：

1 //1.獲取圖形上下文
2     CGContextRef ctx=UIGraphicsGetCurrentContext();
3     //2.繪圖（畫線）
4     //設置起點
5     CGContextMoveToPoint(ctx, 20, 20);
6     //設置終點
7     CGContextAddLineToPoint(ctx, 200, 300);
8     //渲染
9     CGContextStrokePath(ctx);

View Code

上面的代碼和下面的代碼是等價的。

 1 //1.獲取圖形上下文
 2     CGContextRef ctx=UIGraphicsGetCurrentContext();
 3     
 4     //2.繪圖
 5     //2.1建立一條直線繪圖的路徑
 6     //注意：但凡經過Quartz2D中帶有creat/copy/retain方法建立出來的值都必需要釋放
 7     CGMutablePathRef path=CGPathCreateMutable();
 8     //2.2把繪圖信息添加到路徑裏
 9     CGPathMoveToPoint(path, NULL, 20, 20);
10     CGPathAddLineToPoint(path, NULL, 200, 300);
11     //2.3把路徑添加到上下文中
12     //把繪製直線的繪圖信息保存到圖形上下文中
13     CGContextAddPath(ctx, path);
14     
15     //3.渲染
16     CGContextStrokePath(ctx);
17     
18     //4.釋放前面建立的兩條路徑
19     //第一種方法
20     CGPathRelease(path);
21     //第二種方法
22     //    CFRelease(path);
23 }

View Code

B.直接使用path的好處：

第一種代碼的閱讀性很差，不便於區分。使用path，則一個path就表明一條路徑。

好比：若是要在上下文中繪製多個圖形，這種狀況下建議使用path。

代碼示例：

 1 - (void)drawRect:(CGRect)rect
 2 {
 3     //1.獲取圖形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5 
 6     //2.繪圖
 7     //2.a 畫一條直線
 8     //2.a.1建立一條繪圖的路徑
 9     //注意：但凡經過Quartz2D中帶有creat/copy/retain方法建立出來的值都必需要釋放
10     CGMutablePathRef path=CGPathCreateMutable();
11     
12     //2.a.2把繪圖信息添加到路徑裏
13     CGPathMoveToPoint(path, NULL, 20, 20);
14     CGPathAddLineToPoint(path, NULL, 200, 300);
15     
16     //2.a.3把路徑添加到上下文中
17     //把繪製直線的繪圖信息保存到圖形上下文中
18     CGContextAddPath(ctx, path);
19     
20     
21     //2.b畫一個圓
22     //2.b.1建立一條畫圓的繪圖路徑(注意這裏是可變的，不是CGPathRef)
23     CGMutablePathRef path1=CGPathCreateMutable();
24     
25     //2.b.2把圓的繪圖信息添加到路徑裏
26     CGPathAddEllipseInRect(path1, NULL, CGRectMake(50, 50, 100, 100));
27     
28     //2.b.3把圓的路徑添加到圖形上下文中
29     CGContextAddPath(ctx, path1);
30     
31     
32     //3.渲染
33     CGContextStrokePath(ctx);
34     
35     //4.釋放前面建立的兩條路徑
36     //第一種方法
37     CGPathRelease(path);
38     CGPathRelease(path1);
39     //第二種方法
40 //    CFRelease(path);
41 }

View Code

效果：

 

提示：若是是畫線，那麼就建立一條路徑（path）用來保存畫線的繪圖信息，若是又要從新畫一個圓，那麼就能夠建立一條新的路徑來專門保存畫圓的繪圖信息。

注意：

但凡經過quarzt2d中帶有creat/copy/retain方法建立出來的值都必須手動的釋放

有兩種方法能夠釋放前面建立的路徑：

（1）CGPathRelease(path);

（2）CFRelease(path);

說明：CFRelease屬於更底層的cocafoundation框架

 

2、補充知識點：

畫四邊形的一些方法：

第一種方式：經過鏈接固定的點繪製四邊形

第二種方式：指定起點和寬高繪製四邊形

第三種方式：把第二種方式中的兩步合併成一步。

第四種方式（oc的方法）：繪製實心的四邊形，注意沒有空心的方法

第五種：畫根線，設置線條的寬度（經過這種方式能夠畫斜的四邊形）

代碼示例：

 1 - (void)drawRect:(CGRect)rect
 2 {
 3     //獲取圖形上下文
 4     CGContextRef ctx=UIGraphicsGetCurrentContext();
 5     //第一種畫法,經過鏈接固定的點繪製四邊形
 6 //    CGContextMoveToPoint(ctx, 0, 20);
 7 //    CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>);
 8 //    CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>);
 9 //    CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>);
10     
11     //第二種方式：指定起點和寬高繪製四邊形
12 //    CGContextAddRect(ctx, CGRectMake(20, 20, 200, 100));
13 //    //渲染
14 //    CGContextStrokePath(ctx);
15     
16     //第三種方式：二種的兩步合併成一步。
17     //畫空心的四邊形
18 //    CGContextStrokeRect(ctx, CGRectMake(20, 20, 200, 100));
19 //    //畫實心的四邊形
20 //    CGContextFillRect(ctx, CGRectMake(20, 20, 200, 100));
21     
22     //第四種方式（oc的方法）：繪製實心的四邊形，注意沒有空心的方法
23     UIRectFill(CGRectMake(20, 20, 200, 100));
24     
25     //第五種方式：畫根線，設置線條的寬度（經過這種方式能夠畫斜的四邊形）
26 //    CGContextMoveToPoint(ctx, 20, 20);
27 //    CGContextAddLineToPoint(ctx, 100, 200);
28 //    CGContextSetLineWidth(ctx, 50);
29 //    //注意，線條只能畫成是空心的
30 //    CGContextStrokePath(ctx);
31     
32 }

View Code

第五種方法能夠畫斜的四邊形。