利用Quartz2D繪圖的基本步驟
- 獲取與視圖相關聯的上下文對象
–UIGraphicsGetCurrentContext - 創建及設置路徑 （path）
–2.1 創建路徑
–2.2 設置路徑起點
–2.3 增加路徑內容…… - 將路徑添加到上下文
- 設置上下文屬性
–邊線顏色、填充顏色、線寬、線段連接樣式、線段首尾樣式、虛線樣式… - 繪制路徑
- 釋放路徑
什么是路徑?
?路徑定義了一條或者或多條形狀或子路徑
?子路徑可以包含一條或者多條直線或曲線
?子路徑也可以是一些簡單的形狀，例如線、圓形、矩形或者星型等
?子路徑還可以包含復雜的形狀，例如地圖輪廓或者涂鴉等
?路徑可以是開放的，也可以是封閉的；對于封閉路徑可以空心的也可以是實心的
下面寫一些代碼來看看效果~,注意下面寫的函數需要在UIView類及其子類的drawRect:方法中調用,原因見上一篇
#pragmamark 繪制一條直線
- (void)drawLine{
//1. 獲取當前圖形上下文，就是要繪制到屏幕
CGContextRef context =UIGraphicsGetCurrentContext();
//2. 設置路徑CGMutablePathRef path =CGPathCreateMutable();
//1) 移動到某一個點CGPathMoveToPoint(path, NULL,100,100);
//2) 增加一條直線CGPathAddLineToPoint(path, NULL,200,200);
//3. 將路徑添加到上下文CGContextAddPath(context, path);
//4. 設置上下文
//1) 設置線條顏色CGContextSetRGBStrokeColor(context,1.0,0.0,0.0,1.0);
//5. 將上下文中的路徑繪制出來CGContextDrawPath(context, kCGPathStroke);
//6. 釋放路徑CGPathRelease(path);
}
其實為了方便程序員進行開發,也可以直接使用上下文內置的路徑進行繪圖而不是用上下文+路徑的方法
//1. 獲取上下文CGContextRef context =UIGraphicsGetCurrentContext();
//2. 設置上下文中的路徑CGContextMoveToPoint(context,100,100);
CGContextAddLineToPoint(context,200,200);
CGContextAddLineToPoint(context,100,200);//CGContextAddLineToPoint(context, 100, 100);
//關閉路徑
CGContextClosePath(context);
// 設置邊線顏色
[[UIColor redColor] setStroke];
// 設置填充顏色
[[UIColor blueColor] setFill];
// 同時設置邊線和填充顏色
[[UIColor greenColor] set];
// 4. 繪制上下文
CGContextDrawPath(context, kCGPathFillStroke);
上面代碼中,如果注釋的那句打開而CGContextClosePath(context)被注釋掉的話,繪畫出一個三角形
如果按照上面的代碼來,也繪畫出一個三角形---{CGContextClosePath(context)的功能是將該上下文目前畫出的路徑封閉起來}
因為核心圖形使用非常頻繁，因此UIKit對于常用的繪圖做了一定的封裝
CGContextDrawPath(context, kCGPathFillStroke);這句語句的第二個參數是指定繪圖的模式,可以繪制異或的圖像等等.例如如果有一塊被path包含了好幾次,通過指定模式可以將這一塊空出來,下面是集中模式及其解釋
填充模式
kCGPathFill 填充繪制，針對關閉的路徑使用
kCGPathStroke 繪制線條，無所謂路徑是否關閉
kCGPathFillStroke 填充并繪制線條
kCGPathEOFill 異或填充，針對關閉路徑使用
kCGPathEOFillStroke 異或填充并畫線
下面的代碼是畫一個矩形
CGRect rect = CGRectMake(100,100,200,200);
[[UIColor redColor]set];
//繪制實心矩形
UIRectFill(rect);
CGRect rect1= CGRectMake(150,150,50,50);
[[UIColor blueColor]set];
//繪制空心舉行
UIRectFrame(rect1);
下面的代碼是畫一個圓形
CGContextRef context =UIGraphicsGetCurrentContext();
//在iOS中，如果要繪制圓形，需要先指定一個矩形//繪制出來的圓形，是內切于該矩形的
//1. 指定繪制圓形外切的矩形
CGRect rect = CGRectMake(100,100,150,150);
//2. 添加圓形到上下文路徑
CGContextAddEllipseInRect(context, rect);
//3. 繪制圓形
CGContextDrawPath(context, kCGPathFill);
下面的代碼是畫質一條弧線
- (void)drawArc
{
CGContextRef context=UIGraphicsGetCurrentContext();
/**
弧線參數：
1）上下文
2) x, y 弧線所在圓上的圓心
3）半徑
4) 開始角度、結束角度，0度是圓形最右側的點
5) 順時針：0 逆時針：1
*/
CGContextAddArc(context,160,240,100,0, -M_PI_2,0);
//3. 繪制圓形
CGContextDrawPath(context, kCGPathFill);
}
下面的代碼是將一張圖片以繪制的方式展現在View上
#pragmamark 繪制圖像
- (void)drawImage
{
//提示：繪制的圖像，只能看不能交互，相對而言，性能比UIImageView要高
UIImage *image = [UIImage imageNamed:@"頭像1"];
//1. 在指定坐標繪制//[image drawAtPoint:CGPointMake(80, 80)];
//2. 在指定區域內拉伸繪制
//[image drawInRect:CGRectMake(100, 100, 150, 250)];
//3. 平鋪繪制
[image drawAsPatternInRect:self.bounds];
}
下面的代碼是繪制文字,NSString可以直接調用方法,將文字繪制在view上
#pragmamark 繪制文本- (void)drawText
{
NSString*text =@"床前明月光，疑是地上霜！";
UIFont*font = [UIFont systemFontOfSize:17];
NSDictionary*dict =@{NSFontAttributeName: font, NSForegroundColorAttributeName: [UIColor redColor]};
//以下方法在iOS7被廢棄
//[text sizeWithFont:font constrainedToSize:CGSizeMake(100, 10000) lineBreakMode:NSLineBreakByCharWrapping];
CGRect rect = [text boundingRectWithSize:CGSizeMake(20,10000) options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil];
rect.origin= CGPointMake(100,20);
//給文本加一個背景顏色
[[UIColor lightGrayColor]set];
UIRectFill(rect);
//在iOS7中，所有文本繪制屬性，均需要使用屬性字典進行設置！
//[[UIColor redColor] set];
[text drawInRect:rect withAttributes:dict];
