• 绘图(CGContext)


    转自 http://blog.csdn.net/zhenyu5211314/article/details/24230581

    0 CGContextRef context = UIGraphicsGetCurrentCont ext(); 设置上下文 
    1 CGContextMoveToPoint 开始画线 
    2 CGContextAddLineToPoint 画直线 
    4 CGContextAddEllipseInRec t 画一椭圆 
    4 CGContextSetLineCap 设置线条终点形状 
    4 CGContextSetLineDash 画虚线 
    4 CGContextAddRect 画一方框 
    4 CGContextStrokeRect 指定矩形 
    4 CGContextStrokeRectWithW idth 指定矩形线宽度 
    4 CGContextStrokeLineSegme nts 一些直线 
    5 CGContextAddArc 画已曲线 前俩店为中心 中间俩店为起始弧度 最后一数据为0则顺时针画 1则逆时针 
    5 CGContextAddArcToPoint(context,0,0, 2, 9, 40);//先画俩条线从point 到 弟1点 , 从弟1点到弟2点的线    切割里面的圆 
    6 CGContextSetShadowWithCo lor 设置阴影 
    7 CGContextSetRGBFillColor  这只填充 颜色 
    7 CGContextSetRGBStrokeCol or 画笔颜色设置 
    7 CGContextSetFillColorSpa ce 颜色空间填充 
    7 CGConextSetStrokeColorSp ace 颜色空间画笔设置 
    8 CGContextFillRect 补充当前填充颜色的rect 
    8 CGContextSetAlaha 透明度 
    9 CGContextTranslateCTM 改变画布位置 
    10 CGContextSetLineWidth 设置线的宽度 
    11 CGContextAddRects 画多个线 
    12 CGContextAddQuadCurveToP oint 画曲线 
    13    CGContextStrokePath 开始绘制 图片 
    13 CGContextDrawPath 设置绘制模式 
    14 CGContextClosePath 封闭当前线路 
    15 CGContextTranslateCTM(context, 0, rect.size.height);        CGContextScaleCTM(context, 1.0, -1.0);反转画布 
    16 CGContextSetInterpolatio nQuality 背景内置颜色质量等级 
    16 CGImageCreateWithImageIn Rect 从原图片中取小图 
    17  字符串 的 写入可用    nsstring本身的画图方法 - (CGSize)drawInRect:(CGRect)rect withFont:(UIFont *)font lineBreakMode:(UILineBreakMode)lineBreakMode alignment:(UITextAlignment)alignment;来写进去即可 
    18对图片放大缩小的功能就是慢了点 
           UIGraphicsBeginImageCont ext(newSize); 
            UIImage* newImage = UIGraphicsGetImageFromCu rrentImageContext(); 
        UIGraphicsEndImageContex t(); 
    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 = CGColorSpaceCreateDevice RGB(); 
            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 = CGGradientCreateWithColo rComponents            
         (rgb, colors, NULL, sizeof(colors)/(sizeof(colors[0])*4)); 
            CGColorSpaceRelease(rgb);        
            CGContextDrawLinearGradi ent(context, gradient,CGPointMake        
         (0.0,0.0) ,CGPointMake(0.0,self.frame.size.height),                                        
             kCGGradientDrawsBeforeSt artLocation); 
            
    22 注:   画完图后,必须 
            先用CGContextStrokePath来描线,即形状 
            后用CGContextFillPath来填充形状内的颜色. 
    填充一个路径的时候,路径里面的子路径都是独立填充的。 
    假如是重叠的路径,决定一个点是否被填充,有两种规则 
    1,nonzero winding number rule:非零绕数规则,假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。 
    2,even-odd rule: 奇偶规则,假如一个点被跨过,那么+1,最后是奇数,那么要被填充,偶数则不填充,和方向没有关系。 
      Function 
    Description  
      CGContextEOFillPath 
      使用奇偶规则填充当前路径 
      CGContextFillPath 
      使用非零绕数规则填充当前路径 
      CGContextFillRect 
      填充指定的矩形 
      CGContextFillRects 
      填充指定的一些矩形 
      CGContextFillEllipseInRe ct 
      填充指定矩形中的椭圆 
      CGContextDrawPath 
      两个 参数 决定填充规则,kCGPathFill表示用非零绕数规则,kCGPathEOFill表示用奇偶规则,kCGPathFillStroke表示填充,kCGPathEOFillStroke表示描线,不是填充 
    设置当一个颜色覆盖上另外一个颜色,两个颜色怎么混合 
    默认方式是 
    result = (alpha * foreground) + (1 - alpha) * background 
    CGContextSetBlendMode :设置blend mode. 
    CGContextSaveGState :保存blend mode. 
    CGContextRestoreGState:在没有保存之前,用这个函数还原blend mode. 
    CGContextSetBlendMode 混合俩种颜色

    http://www.cocoachina.com/bbs/read.php?tid=75122&page=1

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

    虚线

    画虚线需要用到函数:

    CGContextSetLineDash

    此函数需要四个参数:

    • context   – 这个不用多说
    • phase   - 稍后再说
    • lengths   – 指明虚线是如何交替绘制,具体看例子
    • count  –  lengths数组的长度
    1. CGContextRef context =UIGraphicsGetCurrentContext();  
    2. CGContextBeginPath(context);  
    3. CGContextSetLineWidth(context, 2.0);  
    4. CGContextSetStrokeColorWithColor(context, [UIColorwhiteColor].CGColor);  
    5. float  lengths[] = {10,10};  
    6. CGContextSetLineDash(context, 0, lengths,2);  
    7. CGContextMoveToPoint(context, 10.0, 20.0);  
    8. CGContextAddLineToPoint(context, 310.0,20.0);  
    9. CGContextStrokePath(context);  
    10. CGContextClosePath(context);  

    lengths的值{10,10}表示先绘制10个点,再跳过10个点,如此反复,如图:

    如果把lengths值改为 {10, 20, 10},则表示先绘制10个点,跳过20个点,绘制10个点,跳过10个点,再绘制20个点,如此反复,如图:

    注意count的值等于lengths数组的长度

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

    1. float  lengths[] = {10,5};  
    2. CGContextSetLineDash(context, 0, lengths, 2);    
    3. CGContextMoveToPoint(context, 0.0, 20.0);    
    4. CGContextAddLineToPoint(context, 310.0, 20.0);     
    5. CGContextStrokePath(context);  
    6.                           
    7. CGContextSetLineDash(context, 5, lengths, 2);  
    8. CGContextMoveToPoint(context, 0.0, 40.0);    
    9. CGContextAddLineToPoint(context, 310.0, 40.0);  
    10. CGContextStrokePath(context);             
    11.                                               
    12. CGContextSetLineDash(context, 8, lengths, 2);     
    13. CGContextMoveToPoint(context, 0.0, 60.0);             
    14. CGContextAddLineToPoint(context, 310.0, 60.);             
    15. CGContextStrokePath(context);   
    如图显示:

    由于lengths值为{10,5},第一条线就是绘制10,跳过5,反复绘制。

    第二条线的phase值为5,则首先绘制【10减去5】,再跳过5,绘制10,反复绘制。

    第三条给也如此,先绘制2,再跳过5,如此反复。

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

  • 相关阅读:
    手摸手带你用Hexo撸博客(三)之添加评论系统
    手摸手带你用Hexo撸博客(二)之配置主题
    手摸手带你用Hexo撸博客(一)
    vue3和vue2生命周期的对比
    如何根据key合并数组中的对象
    webpack之require.context实现前端工程自动化
    js常用方法封装
    首页
    CentOS7安装MySQL8
    印象笔记代码高亮最完美解决方式
  • 原文地址:https://www.cnblogs.com/starainDou/p/5143388.html
Copyright © 2020-2023  润新知