iOS開發(fā)CGContextRef畫圖使用總結(jié)
本文實例為大家匯總了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); //起點和終點圓角 CGContextSetLineCap(ctx, kCGLineCapRound); //轉(zhuǎn)角圓角 CGContextSetLineJoin(ctx, kCGLineJoinRound); //透明度 CGContextSetAlpha(ctx, 0.5)
3.畫直線
//起點 CGContextMoveToPoint(ctx, 10.0, 100.0); //終點 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)點 ? point[0] = CGPointMake(10.0, 100.0);//起點 ? point[1] = CGPointMake(self.frame.size.width-20.0, 100.0);//終點 ?? //points[]坐標(biāo)數(shù)組,和count大小 ? CGContextAddLines(context, aPoints, 2);//添加線 ? CGContextDrawPath(context, kCGPathStroke);
4.畫虛線
//設(shè)置虛線顏色 CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor); //設(shè)置虛線繪制起點 CGContextMoveToPoint(ctx, 10.0, 50.0); //設(shè)置虛線繪制終點 CGContextAddLineToPoint(ctx, self.frame.size.width-20.0, 50.0); //設(shè)置虛線排列的寬度間隔:下面的arr中的數(shù)字表示先繪制3個點再繪制1個點 CGFloat arr[] = {3, 2}; //下面最后一個參數(shù)“2”代表排列的個數(shù)。 CGContextSetLineDash(ctx, 0, arr, 2); CGContextDrawPath(ctx, kCGPathStroke);
5.畫三角形
//起點 CGContextMoveToPoint(ctx, self.center.x, 200.0); //拐點1 CGContextAddLineToPoint(ctx, self.center.x-50.0, 250.0); //終點 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 ?弧的起點與正X軸的夾角 endAngle ? ?弧的終點與正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的起點 ? CGContextAddQuadCurveToPoint(context,190, 310, 120, 390);//設(shè)置貝塞爾曲線的控制點坐標(biāo)和終點坐標(biāo) ? CGContextStrokePath(context);
11.畫三次貝塞爾曲線
CGContextMoveToPoint(context, 200, 300);//設(shè)置Path的起點 ? CGContextAddCurveToPoint(context,250, 280, 250, 400, 280, 300);//設(shè)置貝塞爾曲線的控制點坐標(biāo)和控制點坐標(biāo)終點坐標(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點開始畫圖片,可以把注釋去掉看看 ? CGContextDrawImage(context, CGRectMake(100, 340, 20, 20), image.CGImage);//使用這個使圖片上下顛倒了? ? ?? //CGContextDrawTiledImage(context, CGRectMake(0, 0, 20, 20), image.CGImage);//平鋪圖?
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
解決iOS調(diào)起微信支付顯示系統(tǒng)繁忙問題
這篇文章主要介紹了解決iOS調(diào)起微信支付顯示系統(tǒng)繁忙問題,需要的朋友可以參考下2016-12-12iOS應(yīng)用開發(fā)中使用UIScrollView控件來實現(xiàn)圖片縮放
這篇文章主要介紹了iOS開發(fā)中使用UIScrollView控件來實現(xiàn)圖片縮放的方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12iOS的UI開發(fā)中UITabBarControlle的基本使用教程
這篇文章主要介紹了iOS的UI開發(fā)中UITabBarControlle的基本使用教程,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-12-12iOS CAReplicatorLayer實現(xiàn)脈沖動畫效果
這篇文章主要介紹了iOS CAReplicatorLayer實現(xiàn)脈沖動畫效果 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06