CoreGraphics之CGContext绘图 - iOS开发

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


1 CGContextMoveToPoint 开始画线


2 CGContextAddLineToPoint 画直线



3 CGContextAddEllipseInRect 画一椭圆


4 CGContextSetLineCap 设置线条终点形状


5 CGContextSetLineDash 画虚线


6 CGContextAddRect 画一方框


7 CGContextStrokeRect 指定矩形


8 CGContextStrokeRectWithWidth 指定矩形线宽度


9 CGContextStrokeLineSegments 一些直线



10 CGContextAddArc 画曲线 前两个点为中心 中间两点为起始弧度 最后一数据为0则顺时针画 1则逆时针


11 CGContextAddArcToPoint(context,0,0, 2, 9, 40);//根据两个点和半径画一个扇形


12 CGContextSetShadowWithColor 设置阴影


13 CGContextSetRGBFillColor 设置填充颜色


14 CGContextSetRGBStrokeColor 设置画笔颜色


15 CGContextSetFillColorSpace 设置填充颜色空间


16 CGConextSetStrokeColorSpace 设置画笔颜色空间


17 CGContextFillRect 用当前填充颜色填充rect


18 CGContextSetAlaha 透明度



19 CGContextTranslateCTM 改变画布位置


20 CGContextSetLineWidth 设置线的宽度


11 CGContextAddRects 画多个线


21 CGContextAddQuadCurveToPoint 画曲线


22  CGContextStrokePath 开始绘制


23 CGContextDrawPath 设置绘制模式


24 CGContextClosePath 封闭当前线路


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


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



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




2 CGImageCreateWithImageInRect 从原图片中取小图

3 对图片放大缩小的功能就是慢了点:


    UIGraphicsBeginImageContext(newSize);
    

    UIImage* newImage = UIGraphicsGetImageFromCurrentImageContext();
  

    UIGraphicsEndImageContext();

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



5  画图片:

     CGImageRef image＝CGImageRetain(img.CGImage);
    

     CGContextDrawImage(context, CGRectMake(10.0, height - 100.0, 90.0, 90.0), image);



6 实现逐变颜色填充方法:

   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);
  

7

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

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

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

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

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



  Function
Description: 
 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 混合俩种颜色

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

虚线
画虚线需要用到函数：
CGContextSetLineDash
此函数需要四个参数：
 
▪ 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个点，如此反复.

如果把lengths值改为｛10, 20, 10｝，则表示先绘制10个点，跳过20个点，绘制10个点，跳过10个点，再绘制20个点，如此反复.

注意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);   

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

CGContextSetStrokeColorWithColor(myContext, [UIColor blackColor].CGColor);


CGContextSetLineDash (myContext,phase,lengths,2);


CGContextClosePath(myContext);


CGContextStrokePath(myContext);

================================================================
切线
- (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);
      

        CGContextStrokePath(context);
}


================================================================
- (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);
}

================================================================
 
- (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);

        CGContextStrokePath(context);
}

================================================================
 
- (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);

        CGContextStrokePath(context);
}

================================================================
 
- (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);

        CGContextStrokePath(context);


}

高级iOS开发技术交流群：415239068，欢迎大家加入