利用Quartz2D繪圖的基本步驟
- 獲取與視圖相關(guān)聯(lián)的上下文對(duì)象
–UIGraphicsGetCurrentContext - 創(chuàng)建及設(shè)置路徑 （path）
–2.1 創(chuàng)建路徑
–2.2 設(shè)置路徑起點(diǎn)
–2.3 增加路徑內(nèi)容…… - 將路徑添加到上下文
- 設(shè)置上下文屬性
–邊線顏色、填充顏色裸准、線寬测垛、線段連接樣式欣硼、線段首尾樣式、虛線樣式… - 繪制路徑
- 釋放路徑
什么是路徑?
?路徑定義了一條或者或多條形狀或子路徑
?子路徑可以包含一條或者多條直線或曲線
?子路徑也可以是一些簡(jiǎn)單的形狀，例如線疙剑、圓形氯迂、矩形或者星型等
?子路徑還可以包含復(fù)雜的形狀，例如地圖輪廓或者涂鴉等
?路徑可以是開放的言缤，也可以是封閉的嚼蚀；對(duì)于封閉路徑可以空心的也可以是實(shí)心的
下面寫一些代碼來(lái)看看效果~,注意下面寫的函數(shù)需要在UIView類及其子類的drawRect:方法中調(diào)用,原因見(jiàn)上一篇
#pragmamark 繪制一條直線
- (void)drawLine{
//1. 獲取當(dāng)前圖形上下文，就是要繪制到屏幕
CGContextRef context =UIGraphicsGetCurrentContext();
//2. 設(shè)置路徑CGMutablePathRef path =CGPathCreateMutable();
//1) 移動(dòng)到某一個(gè)點(diǎn)CGPathMoveToPoint(path, NULL,100,100);
//2) 增加一條直線CGPathAddLineToPoint(path, NULL,200,200);
//3. 將路徑添加到上下文CGContextAddPath(context, path);
//4. 設(shè)置上下文
//1) 設(shè)置線條顏色CGContextSetRGBStrokeColor(context,1.0,0.0,0.0,1.0);
//5. 將上下文中的路徑繪制出來(lái)CGContextDrawPath(context, kCGPathStroke);
//6. 釋放路徑CGPathRelease(path);
}
其實(shí)為了方便程序員進(jìn)行開發(fā),也可以直接使用上下文內(nèi)置的路徑進(jìn)行繪圖而不是用上下文+路徑的方法
//1. 獲取上下文CGContextRef context =UIGraphicsGetCurrentContext();
//2. 設(shè)置上下文中的路徑CGContextMoveToPoint(context,100,100);
CGContextAddLineToPoint(context,200,200);
CGContextAddLineToPoint(context,100,200);//CGContextAddLineToPoint(context, 100, 100);
//關(guān)閉路徑
CGContextClosePath(context);
// 設(shè)置邊線顏色
[[UIColor redColor] setStroke];
// 設(shè)置填充顏色
[[UIColor blueColor] setFill];
// 同時(shí)設(shè)置邊線和填充顏色
[[UIColor greenColor] set];
// 4. 繪制上下文
CGContextDrawPath(context, kCGPathFillStroke);
上面代碼中,如果注釋的那句打開而CGContextClosePath(context)被注釋掉的話,繪畫出一個(gè)三角形
如果按照上面的代碼來(lái),也繪畫出一個(gè)三角形---{CGContextClosePath(context)的功能是將該上下文目前畫出的路徑封閉起來(lái)}
因?yàn)楹诵膱D形使用非常頻繁管挟，因此UIKit對(duì)于常用的繪圖做了一定的封裝
CGContextDrawPath(context, kCGPathFillStroke);這句語(yǔ)句的第二個(gè)參數(shù)是指定繪圖的模式,可以繪制異或的圖像等等.例如如果有一塊被path包含了好幾次,通過(guò)指定模式可以將這一塊空出來(lái),下面是集中模式及其解釋
填充模式
kCGPathFill 填充繪制轿曙，針對(duì)關(guān)閉的路徑使用
kCGPathStroke 繪制線條，無(wú)所謂路徑是否關(guān)閉
kCGPathFillStroke 填充并繪制線條
kCGPathEOFill 異或填充僻孝，針對(duì)關(guān)閉路徑使用
kCGPathEOFillStroke 異或填充并畫線
下面的代碼是畫一個(gè)矩形
CGRect rect = CGRectMake(100,100,200,200);
[[UIColor redColor]set];
//繪制實(shí)心矩形
UIRectFill(rect);
CGRect rect1= CGRectMake(150,150,50,50);
[[UIColor blueColor]set];
//繪制空心舉行
UIRectFrame(rect1);
下面的代碼是畫一個(gè)圓形
CGContextRef context =UIGraphicsGetCurrentContext();
//在iOS中导帝，如果要繪制圓形，需要先指定一個(gè)矩形//繪制出來(lái)的圓形穿铆，是內(nèi)切于該矩形的
//1. 指定繪制圓形外切的矩形
CGRect rect = CGRectMake(100,100,150,150);
//2. 添加圓形到上下文路徑
CGContextAddEllipseInRect(context, rect);
//3. 繪制圓形
CGContextDrawPath(context, kCGPathFill);
下面的代碼是畫質(zhì)一條弧線
- (void)drawArc
{
CGContextRef context=UIGraphicsGetCurrentContext();
/**
弧線參數(shù)：
1）上下文
2) x, y 弧線所在圓上的圓心
3）半徑
4) 開始角度您单、結(jié)束角度，0度是圓形最右側(cè)的點(diǎn)
5) 順時(shí)針：0 逆時(shí)針：1
*/
CGContextAddArc(context,160,240,100,0, -M_PI_2,0);
//3. 繪制圓形
CGContextDrawPath(context, kCGPathFill);
}
下面的代碼是將一張圖片以繪制的方式展現(xiàn)在View上
#pragmamark 繪制圖像
- (void)drawImage
{
//提示：繪制的圖像荞雏，只能看不能交互睹限，相對(duì)而言，性能比UIImageView要高
UIImage *image = [UIImage imageNamed:@"頭像1"];
//1. 在指定坐標(biāo)繪制//[image drawAtPoint:CGPointMake(80, 80)];
//2. 在指定區(qū)域內(nèi)拉伸繪制
//[image drawInRect:CGRectMake(100, 100, 150, 250)];
//3. 平鋪繪制
[image drawAsPatternInRect:self.bounds];
}
下面的代碼是繪制文字,NSString可以直接調(diào)用方法,將文字繪制在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);
//給文本加一個(gè)背景顏色
[[UIColor lightGrayColor]set];
UIRectFill(rect);
//在iOS7中，所有文本繪制屬性别洪，均需要使用屬性字典進(jìn)行設(shè)置叨恨！
//[[UIColor redColor] set];
[text drawInRect:rect withAttributes:dict];
