画线,画图

先介绍画虚线

画虚线需要用到函数:

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,如此反复。

IOS 开发之画图总结

 CGContextRef context UIGraphicsGetCurrentContext(); 设置上下文

 CGContextMoveToPoint 开始画线

 CGContextAddLineToPoint 画直线


 CGContextAddEllipseInRec画一椭圆

 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() 返回颜色的各个直 以及透明度 可用只读const 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来填充形状内的颜色.



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

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

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值