本篇DEMO
在iOS中進行繪圖念逞，不管你是否了解陨收，基本上就是使用的Core Graphics臭埋。Core Graphics Framework是一套基于C的API框架啦逆，使用了Quartz作為繪圖引擎罢艾。它提供了低階別楣颠、輕量級、高保真度的2D渲染咐蚯，該框架可以用于基于路徑的繪圖球碉、變換、顏色管理仓蛆、脫屏渲染睁冬、模板、漸變看疙、遮蔽豆拨、圖像數據處理、圖像的創(chuàng)建能庆、遮罩施禾、以及PDF文檔的創(chuàng)建、顯示和分析搁胆。
Core Graphics API的所有操作都是在一個上下文中進行弥搞。所以在繪圖之前，我們需要去獲取該上下文渠旁，并傳入執(zhí)行渲染的函數中攀例。
- 獲取上下文的幾種方式
//創(chuàng)建圖片類型的上下文
UIGraphicsBeginImageContextWithOptions
//UIView,在drawRect中，Cocoa會為你創(chuàng)建一個圖形上下文
- (void)drawRect:(CGRect)rect
//CALayer
- (void)drawInContext:(CGContextRef)ctx
//delegate回調
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx
- UIGraphicsBeginImageContextWithOptions函數創(chuàng)建的上下文適用于圖像操作顾腊，并且該上下文屬于當前上下文粤铭，你也可以通過UIGraphicsGetCurrentContext函數獲得當前圖形上下文
- drawRect方法調用時，Cocoa創(chuàng)建的上線屬于當前圖形上下文杂靶，你也可以通過UIGraphicsGetCurrentContext函數獲得當前圖形上下文
- delegate回調所持有的context梆惯，只是對一個圖形上下文的引用酱鸭，并不一定是當前上下文
繪圖框架
UIKit
像UIImage、NSString垛吗、UIBezierPath凹髓、UIColor都提供了方法幫助我們完成繪圖任務，雖然功能有限怯屉，但大多數情況下都能滿足我們的需求
Core Graphics
這是一個繪圖專用的API族扁誓，通常也被成為QuartZ 2D。Core Graphics是iOS上所有繪圖功能的基石蚀之，包括UIKit蝗敢。
下面我們通過栗子來介紹幾種不同的繪圖方法
UIKit：在UIView的子類方法drawRect方法中進行繪圖
- (void)drawRect:(CGRect)rect {
//繪制一個空心圓
UIBezierPath *round = [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:self.bounds.size.width/2];
[[UIColor redColor] setStroke];
[round stroke];
}
Core Graphics:在drwaRect中實現繪制
- (void)drawRect:(CGRect)rect {
CGContextRef context = UIGraphicsGetCurrentContext();
// CGMutablePathRef path = CGPathCreateMutable();
// CGPathAddRoundedRect(path, nil, self.bounds, self.bounds.size.width/2, self.bounds.size.width/2);
// CGPathCloseSubpath(path);
// CGContextAddPath(context, path);
CGContextAddEllipseInRect(context, self.bounds);
CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
CGContextSetLineWidth(context, 10);
// CGContextClip(context);
CGContextStrokePath(context);
}
在代理回調方法中進行繪制
- 需要注意的是設置CALayer對象的代理時，不要將UIView對象設置為顯示層的委托對象足删，這是因為UIView對象已經是隱式層的代理對象寿谴，再將它設置為兩一個層的委托對象就會出現問題。你可以編寫一個負責繪制圖形的代理類失受。如果你不小心設置了代理為view讶泰，最好在dealloc方法中將layer對象的代理置空。至于繪圖的方法基本就和上邊的類似拂到。
UIGraphicsBeginImageContextWithOptions
- (void)drawRect:(CGRect)rect {
//UIKit
UIGraphicsBeginImageContextWithOptions(self.bounds.size, NO, 0);
//UIKit
// UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:self.bounds.size.width/2];
// [[UIColor redColor] setStroke];
// [path stroke];
//Core Graphics
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddEllipseInRect(ctx, self.bounds);
CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextSetLineWidth(ctx, 1);
CGContextStrokePath(ctx);
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
UIImageView *imageV = [[UIImageView alloc] initWithFrame:self.bounds];
[imageV setImage:image];
[self addSubview:imageV];
}
CAShapeLayer繪圖痪署，可以快速實現一些簡單的動畫
- (void)drawRect:(CGRect)rect {
CAShapeLayer *layer = [CAShapeLayer layer];
layer.strokeColor = [UIColor redColor].CGColor;
layer.fillColor = [UIColor clearColor].CGColor;
layer.lineWidth = 2;
layer.lineCap = kCALineCapRound;
[self.layer addSublayer:layer];
//UIKit
// UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:self.bounds cornerRadius:self.bounds.size.width/2];
// layer.path = path.CGPath;
//Core Graphics
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRoundedRect(path, nil, self.bounds, self.bounds.size.width/2, self.bounds.size.height/2);
CGPathCloseSubpath(path);
layer.path = path;
CGPathRelease(path);
}
- 這些只是繪圖的一些簡單使用，后續(xù)會結合demo實現一些復雜的繪圖兄旬。
