DrawRect

公司最近要画折线图，然后本想找个demo用一下这样子高效，后来发现在线的demo做的都太繁琐，大家可以去git上搜索chart然后就出现了各种大神写的各种图形报表但是我觉得大部分都用不上，而且还要花费时间去拆分，去了解，还不如自己写一个，但是api又特别繁琐，所以我给大家把方法翻译一下，方便阅读。

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

CGContextMoveToPoint 开始画线
CGContextAddLineToPoint 画直线
CGContextAddEllipseInRect 画一椭圆
CGContextSetLineCap 设置线条终点形状
CGContextSetLineDash 画虚线
CGContextAddRect 画一方框
CGContextStrokeRect指定矩形
CGContextStrokeRectWithWidth 指定矩形线宽度
CGContextStrokeLineSegments 一些直线
CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针
CGContextAddArcToPoint(context,0,0, 2, 9, 40);//先画俩条线从point 到 弟1点， 从弟1点到弟2点的线 切割里面的圆
CGContextSetShadowWithColor 设置阴影
CGContextSetRGBFillColor 这只填充颜色
CGContextSetRGBStrokeColor 画笔颜色设置
CGContextSetFillColorSpace 颜色空间填充
CGConextSetStrokeColorSpace 颜色空间画笔设置
CGContextFillRect补充当前填充颜色的rect
CGContextSetAlaha 透明度
CGContextTranslateCTM 改变画布位置
CGContextSetLineWidth 设置线的宽度
CGContextAddRects 画多个线
CGContextAddQuadCurveToPoint 画曲线
CGContextStrokePath 开始绘制图片
CGContextDrawPath 设置绘制模式
CGContextClosePath 封闭当前线路
CGContextTranslateCTM(context, 0,
rect.size.height); CGContextScaleCTM(context, 1.0, -1.0);反转画布
CGContextSetInterpolationQuality 背景内置颜色质量等级
CGImageCreateWithImageInRect 从原图片中取小图
字符串的写入可用 nsstring本身的画图方法 – (CGSize)drawInRect:(CGRect)rect withFont:(UIFont
)font lineBreakMode:(UILineBreakMode)lineBreakMode
alignment:(UITextAlignment)alignment;来写进去即可
对图片放大缩小的功能就是慢了点
UIGraphicsBeginImageContext(newSize);
UIImage
newImage =
UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

CGColorGetComponents（） 返回颜色的各个直 以及透明度 可用只读c*****t float 来接收是个数组

画图片 CGImageRef image＝CGImageRetain(img.CGImage);
CGContextDrawImage(context,
CGRectMake(10.0, height –
100.0, 90.0, 90.0), image);
实现逐变颜色填充方法 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);

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

填充一个路径的时候，路径里面的子路径都是独立填充的。
假如是重叠的路径，决定一个点是否被填充，有两种规则

nonzero
winding number
rule:非零绕数规则，假如一个点被从左到右跨过，计数器+1，从右到左跨过，计数器-1，最后，如果结果是0，那么不填充，如果是非零，那么填充。
even-odd
rule: 奇偶规则，假如一个点被跨过，那么+1，最后是奇数，那么要被填充，偶数则不填充，和方向没有关系。
- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();

/*NO.1画一条线 
   
 CGContextSetRGBStrokeColor(context, 0.5, 0.5, 0.5, 0.5);//线条颜色 
 CGContextMoveToPoint(context, 20, 20); 
 CGContextAddLineToPoint(context, 200,20); 
 CGContextStrokePath(context); 
*/  

   
   
/*NO.2写文字 
   
CGContextSetLineWidth(context, 1.0); 
CGContextSetRGBFillColor (context, 0.5, 0.5, 0.5, 0.5); 
UIFont  *font = [UIFont boldSystemFontOfSize:18.0]; 
[@"公司：北京中软科技股份有限公司\n部门：ERP事业部\n姓名：McLiang" drawInRect:CGRectMake(20, 40, 280, 300) withFont:font]; 
*/  

   
/*NO.3画一个正方形图形 没有边框 

CGContextSetRGBFillColor(context, 0, 0.25, 0, 0.5); 
CGContextFillRect(context, CGRectMake(2, 2, 270, 270)); 
CGContextStrokePath(context); 
*/  

   
/*NO.4画正方形边框 
  
CGContextSetRGBStrokeColor(context, 0.5, 0.5, 0.5, 0.5);//线条颜色 
CGContextSetLineWidth(context, 2.0); 
CGContextAddRect(context, CGRectMake(2, 2, 270, 270)); 
CGContextStrokePath(context); 
*/  

   
/*NO.5画方形背景颜色 
   
CGContextTranslateCTM(context, 0.0f, self.bounds.size.height); 
CGContextScaleCTM(context, 1.0f, -1.0f); 
UIGraphicsPushContext(context); 
CGContextSetLineWidth(context,320); 
CGContextSetRGBStrokeColor(context, 250.0/255, 250.0/255, 210.0/255, 1.0); 
CGContextStrokeRect(context, CGRectMake(0, 0, 320, 460)); 
UIGraphicsPopContext(); 
*/  

/*NO.6椭圆 
   
 CGRect aRect= CGRectMake(80, 80, 160, 100); 
 CGContextSetRGBStrokeColor(context, 0.6, 0.9, 0, 1.0); 
 CGContextSetLineWidth(context, 3.0); 
 CGContextAddEllipseInRect(context, aRect); //椭圆 
 CGContextDrawPath(context, kCGPathStroke); 
*/  

/*NO.7 
CGContextBeginPath(context); 
CGContextSetRGBStrokeColor(context, 0, 0, 1, 1); 
CGContextMoveToPoint(context, 100, 100); 
CGContextAddArcToPoint(context, 50, 100, 50, 150, 50); 
CGContextStrokePath(context); 
*/  

/*NO.8渐变 
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); 
 */  
   
  
/* NO.9四条线画一个正方形 
//画线 
    UIColor *aColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:0]; 
CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0); 
   CGContextSetFillColorWithColor(context, aColor.CGColor); 
CGContextSetLineWidth(context, 4.0); 
CGPoint aPoints[5]; 
aPoints[0] =CGPointMake(60, 60); 
aPoints[1] =CGPointMake(260, 60); 
aPoints[2] =CGPointMake(260, 300); 
aPoints[3] =CGPointMake(60, 300); 
aPoints[4] =CGPointMake(60, 60); 
CGContextAddLines(context, aPoints, 5); 
CGContextDrawPath(context, kCGPathStroke); //开始画线 
 */  
   
   
   
/*  NO.10 
UIColor *aColor = [UIColor colorWithRed:0 green:1.0 blue:0 alpha:0]; 
CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1.0); 
CGContextSetFillColorWithColor(context, aColor.CGColor); 
//椭圆 
CGRect aRect= CGRectMake(80, 80, 160, 100); 
CGContextSetRGBStrokeColor(context, 0.6, 0.9, 0, 1.0); 
CGContextSetLineWidth(context, 3.0); 
  CGContextSetFillColorWithColor(context, aColor.CGColor); 
   CGContextAddRect(context, rect); //矩形 
CGContextAddEllipseInRect(context, aRect); //椭圆 
CGContextDrawPath(context, kCGPathStroke); 
 */  

   
   
/*  NO.11 
 画一个实心的圆 

 CGContextFillEllipseInRect(context, CGRectMake(95, 95, 100.0, 100)); 
*/  
   
   
   
/*NO.12 
 画一个菱形 
CGContextSetLineWidth(context, 2.0); 
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 
CGContextMoveToPoint(context, 100, 100); 
CGContextAddLineToPoint(context, 150, 150); 
CGContextAddLineToPoint(context, 100, 200); 
CGContextAddLineToPoint(context, 50, 150); 
CGContextAddLineToPoint(context, 100, 100); 
CGContextStrokePath(context); 
 */  

/*NO.13 画矩形 
CGContextSetLineWidth(context, 2.0); 

CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 

CGRect rectangle = CGRectMake(60,170,200,80); 

CGContextAddRect(context, rectangle); 
  
CGContextStrokePath(context); 
 */  
   
  
/*椭圆 
CGContextSetLineWidth(context, 2.0); 

CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 

CGRect rectangle = CGRectMake(60,170,200,80); 

CGContextAddEllipseInRect(context, rectangle); 
  
CGContextStrokePath(context); 
 */  
   
/*用红色填充了一段路径: 
  
CGContextMoveToPoint(context, 100, 100); 
CGContextAddLineToPoint(context, 150, 150); 
CGContextAddLineToPoint(context, 100, 200); 
CGContextAddLineToPoint(context, 50, 150); 
CGContextAddLineToPoint(context, 100, 100); 
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor); 
CGContextFillPath(context); 
*/  
   
/*填充一个蓝色边的红色矩形 
CGContextSetLineWidth(context, 2.0); 
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 
CGRect rectangle = CGRectMake(60,170,200,80); 
CGContextAddRect(context, rectangle); 
CGContextStrokePath(context); 
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor); 
CGContextFillRect(context, rectangle); 
*/  
   
/*画弧 
 //弧线的是通过指定两个切点，还有角度，调用CGContextAddArcToPoint()绘制 
CGContextSetLineWidth(context, 2.0); 
CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 
CGContextMoveToPoint(context, 100, 100); 
CGContextAddArcToPoint(context, 100,200, 300,200, 100); 
CGContextStrokePath(context); 
*/  
  
   
/* 
绘制贝兹曲线 
//贝兹曲线是通过移动一个起始点，然后通过两个控制点,还有一个中止点，调用CGContextAddCurveToPoint() 函数绘制 
CGContextSetLineWidth(context, 2.0); 

CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 

CGContextMoveToPoint(context, 10, 10); 

CGContextAddCurveToPoint(context, 0, 50, 300, 250, 300, 400); 
  
CGContextStrokePath(context); 
 */  
   
/*绘制二次贝兹曲线 
  
  CGContextSetLineWidth(context, 2.0); 

  CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 

  CGContextMoveToPoint(context, 10, 200); 

  CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200); 
  
  CGContextStrokePath(context); 
 */  
   
/*绘制虚线 
CGContextSetLineWidth(context, 5.0); 

CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor); 

CGFloat dashArray[] = {2,6,4,2}; 

CGContextSetLineDash(context, 3, dashArray, 4);//跳过3个再画虚线，所以刚开始有6-（3-2）=5个虚点 
  
CGContextMoveToPoint(context, 10, 200); 
  
CGContextAddQuadCurveToPoint(context, 150, 10, 300, 200); 
  
CGContextStrokePath(context); 
*/  
  /*绘制图片 
NSString* imagePath = [[NSBundle mainBundle] pathForResource:@"dog" ofType:@"png"]; 
UIImage* myImageObj = [[UIImage alloc] initWithContentsOfFile:imagePath]; 
//[myImageObj drawAtPoint:CGPointMake(0, 0)]; 
[myImageObj drawInRect:CGRectMake(0, 0, 320, 480)]; 

NSString *s = @"我的小狗"; 

[s drawAtPoint:CGPointMake(100, 0) withFont:[UIFont systemFontOfSize:34.0]]; 
  */  
   
    /* 
NSString *path = [[NSBundle mainBundle] pathForResource:@"dog" ofType:@"png"]; 
UIImage *img = [UIImage imageWithContentsOfFile:path]; 
CGImageRef image = img.CGImage; 
CGContextSaveGState(context); 
CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height); 
CGContextDrawImage(context, touchRect, image); 
CGContextRestoreGState(context); 
     */  
 
   
/*NSString *path = [[NSBundle mainBundle] pathForResource:@"dog" ofType:@"png"]; 
UIImage *img = [UIImage imageWithContentsOfFile:path]; 
CGImageRef image = img.CGImage; 
CGContextSaveGState(context); 

CGContextRotateCTM(context, M_PI); 
CGContextTranslateCTM(context, -img.size.width, -img.size.height); 

CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height); 
CGContextDrawImage(context, touchRect, image); 
CGContextRestoreGState(context);*/  

  /* 
NSString *path = [[NSBundle mainBundle] pathForResource:@"dog" ofType:@"png"]; 
UIImage *img = [UIImage imageWithContentsOfFile:path]; 
CGImageRef image = img.CGImage; 
  
CGContextSaveGState(context); 

CGAffineTransform myAffine = CGAffineTransformMakeRotation(M_PI); 
myAffine = CGAffineTransformTranslate(myAffine, -img.size.width, -img.size.height); 
CGContextConcatCTM(context, myAffine); 

CGContextRotateCTM(context, M_PI); 
CGContextTranslateCTM(context, -img.size.width, -img.size.height); 

CGRect touchRect = CGRectMake(0, 0, img.size.width, img.size.height); 
CGContextDrawImage(context, touchRect, image); 
CGContextRestoreGState(context); 
  */  
  }