iPhone繪圖關於QuartZ中繪製Polygons案例

iPhone繪圖關於QuartZ中繪製Polygons案例是本文要介紹的內容，主要介紹了如何在QuartZ中繪製Polygons的內容，內容不多，主要是基於代碼實現，一起來看這個有趣的案例。

1.繪製矩形的一般方法

 

  
// Drawing with a white stroke color  
  
CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0);  
  
// And drawing with a blue fill color  
  
CGContextSetRGBFillColor(context, 0.0, 0.0, 1.0, 1.0);  
  
// Draw them with a 2.0 stroke width so they are a bit more visible.  
  
CGContextSetLineWidth(context, 2.0);  
  
// Add Rect to the current path, then stroke it  
  
CGContextAddRect(context, CGRectMake(30.0, 30.0, 60.0, 60.0));  
  
CGContextStrokePath(context);  
  
// Stroke Rect convenience that is equivalent to above  
  
CGContextStrokeRect(context, CGRectMake(30.0, 120.0, 60.0, 60.0));  
  
// Stroke rect convenience equivalent to the above, plus a call to CGContextSetLineWidth().  
  
CGContextStrokeRectWithWidth(context, CGRectMake(30.0, 210.0, 60.0, 60.0), 10.0);  
  
// Demonstate the stroke is on both sides of the path.  
  
CGContextSaveGState(context);  
  
//red  
  
CGContextSetRGBStrokeColor(context, 1.0, 0.0, 0.0, 1.0);  
  
CGContextStrokeRectWithWidth(context, CGRectMake(30.0, 210.0, 60.0, 60.0), 2.0);  
  
CGContextRestoreGState(context);  
  
CGRect rects[] =   
  
{  
  
CGRectMake(120.0, 30.0, 60.0, 60.0),  
  
CGRectMake(120.0, 120.0, 60.0, 60.0),  
  
CGRectMake(120.0, 210.0, 60.0, 60.0),  
  
};  
  
// Bulk call to add rects to the current path.  
  
CGContextAddRects(context, rects, sizeof(rects)/sizeof(rects[0]));  
  
CGContextStrokePath(context);  
  
// Create filled rectangles via two different paths.  
  
// Add/Fill path  
  
CGContextAddRect(context, CGRectMake(210.0, 30.0, 60.0, 60.0));  
  
CGContextFillPath(context);  
  
// Fill convienience.  
  
CGContextFillRect(context, CGRectMake(210.0, 120.0, 60.0, 60.0)); 
 

注釋：

 

  
CGContextAddRect(context, CGRectMake(30.0, 30.0, 60.0, 60.0));  
  
CGContextStrokePath(context); 
 

此兩句繪製的是左上方的矩形，當CGContextStrokePath調用之後，current path會被清空。

 

  
CGContextStrokeRect(context, CGRectMake(30.0, 120.0, 60.0, 60.0)); 
 

上面的一條語句等價於上面的兩條。

語句

 

  
CGContextStrokeRectWithWidth(context, CGRectMake(30.0, 210.0, 60.0, 60.0), 10.0) 
 

等價與上面的語句在加上CGContextSetLineWidth(10.0)

下面的三條語句通過兩種方法來fill矩形地區。

 

  
CGContextAddRect(context, CGRectMake(210.0, 30.0, 60.0, 60.0));  
  
CGContextFillPath(context);  
  
// Fill convienience.  
  
CGContextFillRect(context, CGRectMake(210.0, 120.0, 60.0, 60.0)); 
 

結果如：

2.繪製多邊形Polygon）

 

  
// Drawing with a white stroke color  
  
CGContextSetRGBStrokeColor(context, 1.0, 1.0, 1.0, 1.0);  
  
// Drawing with a blue fill color  
  
CGContextSetRGBFillColor(context, 0.0, 0.0, 1.0, 1.0);  
  
// Draw them with a 2.0 stroke width so they are a bit more visible.  
  
CGContextSetLineWidth(context, 2.0);  
  
CGPoint center;  
  
// Add a star to the current path  
  
center = CGPointMake(90.0, 90.0);  
  
CGContextMoveToPoint(context, center.x, center.y + 60.0);  
  
for(int i = 1; i < 5; ++i)  
  
{  
  
CGFloat x = 60.0 * sinf(i * 4.0 * M_PI / 5.0);  
  
CGFloat y = 60.0 * cosf(i * 4.0 * M_PI / 5.0);  
  
CGContextAddLineToPoint(context, center.x + x, center.y + y);  
  
}  
  
// And close the subpath.  
  
CGContextClosePath(context);  
  
// Now add the hexagon to the current path  
  
center = CGPointMake(210.0, 90.0);  
  
CGContextMoveToPoint(context, center.x, center.y + 60.0);  
  
for(int i = 1; i < 6; ++i)  
  
{  
  
CGFloat x = 60.0 * sinf(i * 2.0 * M_PI / 6.0);  
  
CGFloat y = 60.0 * cosf(i * 2.0 * M_PI / 6.0);  
  
CGContextAddLineToPoint(context, center.x + x, center.y + y);  
  
}  
  
// And close the subpath.  
  
CGContextClosePath(context);  
  
// Now draw the star & hexagon with the current drawing mode.  
  
CGContextDrawPath(context, drawingMode); 
 

我們會根據drawingMode的五個常量討論

 

  
kCGPathFill, kCGPathEOFill, kCGPathStroke, kCGPathFillStroke, or kCGPathEOFillStroke. 
 

1）kCGPathFill如：

此fill 模式為預設模式非零纏繞數原則），大概規則為，在需要填充顏色的地區的一點向畫地區外畫一條線，g如果是從左向右穿過的，則加1，如果從右向左穿過，則減一，最後結果為0則不fill，大於0則填充，所以line的方向對fill的地區有影響。

還有一種為even-odd奇偶原則），只計算line穿過path段的個數，為偶數時，不填充，奇數時填充，所以path的方向不會影響填充的結果。

2） kCGPathEOFill模式

此填充模式為奇偶模式

3）kCGPathStroke模式

4）kCGPathFillStroke模式

5）kCGPathEOFillStroke模式

小結：iPhone繪圖關於QuartZ中繪製Polygons案例的內容介紹完了，希望本文對你有所協助！如果想深入瞭解iphone繪圖的更多內容，請參考：

iPhone繪圖關於QuartZ中繪製Line案例

iPhone繪圖關於QuartZ中繪製Curves案例