IOS开发之——绘图(CGContext)

0 CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文


1 CGContextMoveToPoint 开始画线

2 CGContextAddLineToPoint 画直线



4 CGContextAddEllipseInRect 画一椭圆

4 CGContextSetLineCap 设置线条终点形状

4 CGContextSetLineDash 画虚线

4 CGContextAddRect 画一方框

4 CGContextStrokeRect 指定矩形

4 CGContextStrokeRectWithWidth 指定矩形线宽度

4 CGContextStrokeLineSegments 一些直线



5 CGContextAddArc 画一曲线 前2点为中心 中间俩店为起始弧度 最后一数据为0则顺时针画1则逆时针

5 CGContextAddArcToPoint(context,0,0, 2, 9, 40);先画俩条线从point 到第1点 从第1点到第2点的线  切割里面的圆


6 CGContextSetShadowWithColor 设置阴影
颜色
7 CGContextSetRGBFillColor 设置填充颜色

7 CGContextSetRGBStrokeColor 设置画笔/边框颜色


7 CGContextSetFillColorSpace 颜色空间填充

7 CGConextSetStrokeColorSpace 颜色空间画笔设置


8 CGContextFillRect 补充当前填充颜色的rect

8 CGContextSetAlaha 透明度


9 CGContextTranslateCTM 改变画布位置

10 CGContextSetLineWidth 设置线的宽度

11 CGContextAddRects 画多个线

12 CGContextAddQuadCurveToPoint 画曲线


13  CGContextStrokePath 开始绘制图片

13 CGContextDrawPath 设置绘制模式

14 CGContextClosePath 封闭当前线路


15 CGContextTranslateCTM(context, 0, rect.size.height);    
   CGContextScaleCTM(context, 1.0, -1.0);反转画布


16 CGContextSetInterpolationQuality 背景内置颜色质量等级

16 CGImageCreateWithImageInRect 从原图片中取小图



17 字符串的写入可用  NSString本身的画图方法 
- (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:
(UILineBreakMode)lineBreakMode alignment:(UITextAlignment)alignment;

18对图片放大缩小的功能就是慢了点
    
UIGraphicsBeginImageContext(newSize);
    
UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
  
UIGraphicsEndImageContext();



19 CGColorGetComponents() 返回颜色的各个直 以及透明度 可用只读const float 来接收  是个数组


20 画图片 
CGImageRef image=CGImageRetain(img.CGImage);
     
CGContextDrawImage(context, CGRectMake(10.0, height - 100.0, 90.0, 90.0), image);



21 实现逐变颜色填充方法 
CGContextClip(context);
    
CGColorSpaceRef rgb = CGColorSpaceCreateDeviceRGB();
    

CGFloat colors[] =
 {

204.0 / 255.0, 224.0 / 255.0, 244.0 / 255.0, 1.00,
        
29.0 / 255.0, 156.0 / 255.0, 215.0 / 255.0, 1.00,
        
0.0 / 255.0,  50.0 / 255.0, 126.0 / 255.0, 1.00,
    };
    

CGGradientRef gradient = CGGradientCreateWithColorComponents(rgb, colors, NULL, sizeof(colors)/(sizeof(colors[0])*4));
    
CGColorSpaceRelease(rgb);    
    

CGContextDrawLinearGradient(context, gradient,CGPointMake(0.0,0.0) ,CGPointMake(0.0,self.frame.size.height),kCGGradientDrawsBeforeStartLocation);
    


22 注:  画完图后,必须先用CGContextStrokePath来描线,即形状后用CGContextFillPath来填充形状内的颜色.

填充一个路径的时候,路径里面的子路径都是独立填充的。


假如是重叠的路径,决定一个点是否被填充,有两种规则

1,nonzero winding number rule:非零绕数规则,假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。

2,even-odd rule: 奇偶规则,假如一个点被跨过,那么+1,最后是奇数,那么要被填充,偶数则不填充,和方向没有关系。

 


 CGContextEOFillPath     使用奇偶规则填充当前路径
 CGContextFillPath   使用非零绕数规则填充当前路径
 CGContextFillRect   填充指定的矩形
 CGContextFillRects  填充指定的一些矩形
 CGContextFillEllipseInRect  填充指定矩形中的椭圆

 
CGContextDrawPath
 两个参数决定填充规则,
kCGPathFill表示用非零绕数规则,
kCGPathEOFill表示用奇偶规则,
kCGPathFillStroke表示填充,
kCGPathEOFillStroke表示描线,不是填充




当一个颜色覆盖上另外一个颜色,两个颜色怎么混合
默认方式是
result = (alpha * foreground) + (1 - alpha) * background


CGContextSetBlendMode :设置blend mode.

CGContextSaveGState :保存blend mode.

CGContextRestoreGState:在没有保存之前,用这个函数还原blend mode.

CGContextSetBlendMode 混合俩种颜色

以上引用

======================================================================


IOS直线样式

======================================================================

虚线

画虚线需要用到函数:

CG_EXTERN void CGContextSetLineDash(CGContextRef __nullable c, CGFloat phase,
   const CGFloat * __nullable lengths, size_t count)
   CG_AVAILABLE_STARTING(__MAC_10_0, __IPHONE_2_0);

此函数需要四个参数:
context – 这个不用多说
phase - 稍后再说
lengths – 指明虚线是如何交替绘制,具体看例子
count – lengths数组的长度

CGContextRef context = UIGraphicsGetCurrentContext();  
CGContextBeginPath(context);  
CGContextSetLineWidth(context, 2.0);  
CGContextSetStrokeColorWithColor(context, [UIColorwhiteColor].CGColor);  
float lengths[] = {10,10};  
CGContextSetLineDash(context, 0, lengths,2);  
CGContextMoveToPoint(context, 10.0, 20.0);  
CGContextAddLineToPoint(context, 310.0,20.0);  
CGContextStrokePath(context);  
CGContextClosePath(context);  
  • lengths的值{10,10}表示先绘制10个点,再跳过10个点,如此反复,如图:


    IOS开发笔记之绘图(CGContext小记)
  • 如果把lengths值改为{10, 20, 10},则表示先绘制10个点,跳过20个点,绘制10个点,跳过10个点,再绘制20个点,如此反复,如图:


    IOS开发笔记之绘图(CGContext小记)
  • 注意count的值等于lengths数组的长度

  • phase参数表示在第一个虚线绘制的时候跳过多少个点,举例说明:

float lengths[] = {10,5};  
CGContextSetLineDash(context, 0, lengths, 2);    
CGContextMoveToPoint(context, 0.0, 20.0);    
CGContextAddLineToPoint(context, 310.0, 20.0);     
CGContextStrokePath(context);  
========
CGContextSetLineDash(context, 5, lengths, 2);  
CGContextMoveToPoint(context, 0.0, 40.0);    
CGContextAddLineToPoint(context, 310.0, 40.0);  
CGContextStrokePath(context);                 
========      
CGContextSetLineDash(context, 8, lengths, 2);     
CGContextMoveToPoint(context, 0.0, 60.0);             
CGContextAddLineToPoint(context, 310.0, 60.);             
CGContextStrokePath(context);   

如图显示:
IOS开发笔记之绘图(CGContext小记)

由于lengths值为{10,5},第一条线就是绘制10,跳过5,反复绘制。
第二条线的phase值为5,则首先绘制【10减去5】,再跳过5,绘制10,反复绘制。
第三条给也如此,先绘制2,再跳过5,如此反复。

================================================================
切线

- (void)drawRect:(CGRect)rect {
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextSetLineWidth(context, 2.0);
        CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
        CGContextMoveToPoint(context, 100, 100);//起始点
        CGContextAddArcToPoint(context, 100,200, 300,200, 100);//点1,点2,半径 
        CGContextStrokePath(context);
}
IOS开发笔记之绘图(CGContext小记)

================================================================
椭圆

- (void)drawRect:(CGRect)rect {
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextSetLineWidth(context, 2.0);
        CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
        CGRect rectangle = CGRectMake(60,170,200,80);
        CGContextAddEllipseInRect(context, rectangle);
        CGContextStrokePath(context);
}
IOS开发笔记之绘图(CGContext小记)

================================================================
曲线

- (void)drawRect:(CGRect)rect {
       CGContextRef context = UIGraphicsGetCurrentContext();
       CGContextSetLineWidth(context, 2.0);
       CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
       CGContextMoveToPoint(context, 10, 10);//起始点
       CGContextAddCurveToPoint(context, 0, 50, 300, 250, 300, 400);//控制点1,控制点2,终点
       CGContextStrokePath(context);
}
IOS开发笔记之绘图(CGContext小记)

================================================================
曲线

- (void)drawRect:(CGRect)rect {
        CGContextRef context = UIGraphicsGetCurrentContext();
        CGContextSetLineWidth(context, 2.0);
        CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
        CGContextMoveToPoint(context, 10, 200);
        CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200);//控制点1,终点
        CGContextStrokePath(context);
}
IOS开发笔记之绘图(CGContext小记)

================================================================
虚线曲线

- (void)drawRect:(CGRect)rect {
       CGContextRef context = UIGraphicsGetCurrentContext();
       CGContextSetLineWidth(context, 5.0);
       CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
       CGFloat dashArray[] = {2,6,4,2};
       CGContextSetLineDash(context, 3, dashArray, 4);
       CGContextMoveToPoint(context, 10, 200);
       CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200);//控制点1,终点
       CGContextStrokePath(context);
}
IOS开发笔记之绘图(CGContext小记)

================================================================
以上引用
更多详情
更多详情

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容