iOS開發(fā)CGContextRef畫圖使用總結(jié)

更新時間：2022年04月27日 08:10:02 作者：夕陽下的守望者

這篇文章主要為大家詳細(xì)介紹了iOS開發(fā)CGContextRef畫圖使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家匯總了iOS開發(fā)CGContextRef畫圖使用，供大家參考，具體內(nèi)容如下

1.創(chuàng)建畫布

CGContextRef ctx = UIGraphicsGetCurrentContext();

2.設(shè)置屬性

//旋轉(zhuǎn),注意:設(shè)置操作必須要在添加圖形之前,如果設(shè)置在添加圖形之后的話,此時它已經(jīng)畫完了,無效
//旋轉(zhuǎn)的時候,是整個layer都旋轉(zhuǎn)了
//旋轉(zhuǎn)45度
CGContextRotateCTM(ctx, M_PI_4);
//縮放:x方向縮放0.5倍,y方向縮放1.5倍
CGContextScaleCTM(ctx, 0.5, 1.5);
//平移:x方向移動50,y方向移動100
CGContextTranslateCTM(ctx, 50, 100);
CGContextSetLineJoin(ctx, kCGLineJoinRound);
//線條寬度
CGContextSetLineWidth(ctx, 1.0);
//起點(diǎn)和終點(diǎn)圓角
CGContextSetLineCap(ctx, kCGLineCapRound);
//轉(zhuǎn)角圓角
CGContextSetLineJoin(ctx, kCGLineJoinRound);
//透明度
CGContextSetAlpha(ctx, 0.5)

3.畫直線

//起點(diǎn)
CGContextMoveToPoint(ctx, 10.0, 100.0);
//終點(diǎn)
CGContextAddLineToPoint(ctx, self.frame.size.width-20.0, 100.0);
//顏色 兩種設(shè)置顏色的方式都可以
//CGContextSetRGBStrokeColor(ctx, 0, 1.0, 0, 1.0);
[[UIColor redColor] set];
//渲染,直線只能繪制空心的,不能調(diào)用CGContextFillPath(ctx)
// 或者使用這個方法:CGContextDrawPath(ctx, kCGPathStroke);
CGContextStrokePath(ctx);

或者使用下面方法畫直線

CGPoint point[2];//坐標(biāo)點(diǎn) ?
point[0] = CGPointMake(10.0, 100.0);//起點(diǎn) ?
point[1] = CGPointMake(self.frame.size.width-20.0, 100.0);//終點(diǎn) ??
//points[]坐標(biāo)數(shù)組，和count大小 ?
CGContextAddLines(context, aPoints, 2);//添加線 ?
CGContextDrawPath(context, kCGPathStroke);

4.畫虛線

//設(shè)置虛線顏色
CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
//設(shè)置虛線繪制起點(diǎn)
CGContextMoveToPoint(ctx, 10.0, 50.0);
//設(shè)置虛線繪制終點(diǎn)
CGContextAddLineToPoint(ctx, self.frame.size.width-20.0, 50.0);
//設(shè)置虛線排列的寬度間隔:下面的arr中的數(shù)字表示先繪制3個點(diǎn)再繪制1個點(diǎn)
CGFloat arr[] = {3, 2};
//下面最后一個參數(shù)“2”代表排列的個數(shù)。
CGContextSetLineDash(ctx, 0, arr, 2);
CGContextDrawPath(ctx, kCGPathStroke);

5.畫三角形

//起點(diǎn)
CGContextMoveToPoint(ctx, self.center.x, 200.0);
//拐點(diǎn)1
CGContextAddLineToPoint(ctx, self.center.x-50.0, 250.0);
//終點(diǎn)
CGContextAddLineToPoint(ctx, self.center.x+50.0, 250.0);
//顏色 兩種設(shè)置顏色的方式都可以
//CGContextSetRGBStrokeColor(ctx, 0, 1.0, 0, 1.0);
[[UIColor redColor] set];
//合并三角形
CGContextClosePath(ctx);
CGContextFillPath(ctx);

6.畫矩形

CGRect rectangle = CGRectMake(10.0, 300.0, self.frame.size.width-20.0, 60.0);
CGContextAddRect(ctx, rectangle);
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextFillPath(ctx);

7.畫圓

/**
c ? ? ? ? ? 當(dāng)前圖形
x ? ? ? ? ? 圓心坐標(biāo)x
y ? ? ? ? ? 圓心坐標(biāo)y
radius ? ? ?半徑
startAngle ?弧的起點(diǎn)與正X軸的夾角
endAngle ? ?弧的終點(diǎn)與正X軸的夾角
clockwise ? 指定0創(chuàng)建一個順時針的圓弧,或是指定1創(chuàng)建一個逆時針圓弧
*/
CGContextAddArc(ctx, self.center.x, 100.0, 75.0, 0.0, M_PI+0.5, 0);
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextFillPath(ctx);

8.畫橢圓

CGContextAddEllipseInRect(ctx, CGRectMake(x, y, 100.0, 60.0));
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextFillPath(ctx);

9.畫扇形

CGContextMoveToPoint(ctx, x, y);
CGContextAddArc(ctx, x, y, 75.0, 0.0, M_PI+0.5, 0);
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextSetStrokeColorWithColor(ctx, [UIColor blueColor].CGColor);
CGContextDrawPath(ctx, kCGPathFillStroke);

10.畫二次貝塞爾曲線

CGContextMoveToPoint(context, 120, 300);//設(shè)置Path的起點(diǎn) ?
CGContextAddQuadCurveToPoint(context,190, 310, 120, 390);//設(shè)置貝塞爾曲線的控制點(diǎn)坐標(biāo)和終點(diǎn)坐標(biāo) ?
CGContextStrokePath(context);

11.畫三次貝塞爾曲線

CGContextMoveToPoint(context, 200, 300);//設(shè)置Path的起點(diǎn) ?
CGContextAddCurveToPoint(context,250, 280, 250, 400, 280, 300);//設(shè)置貝塞爾曲線的控制點(diǎn)坐標(biāo)和控制點(diǎn)坐標(biāo)終點(diǎn)坐標(biāo) ?
CGContextStrokePath(context);

12.畫文字

// 設(shè)置文字的屬性
NSMutableDictionary *dict = [NSMutableDictionary dictionary];
dict[NSForegroundColorAttributeName] = [UIColor whiteColor];
dict[NSFontAttributeName] = [UIFont systemFontOfSize:14];
[@"I Love iOS" drawInRect:rect withAttributes:dict];

13.畫圖片

UIImage *image = [UIImage imageNamed:@"apple.jpg"]; ?
[image drawInRect:CGRectMake(60, 340, 20, 20)];//在坐標(biāo)中畫出圖片 ?
//[image drawAtPoint:CGPointMake(100, 340)];//保持圖片大小在point點(diǎn)開始畫圖片，可以把注釋去掉看看 ?
CGContextDrawImage(context, CGRectMake(100, 340, 20, 20), image.CGImage);//使用這個使圖片上下顛倒了? ? ??
//CGContextDrawTiledImage(context, CGRectMake(0, 0, 20, 20), image.CGImage);//平鋪圖?

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: