IOS开发之——绘图（CGContext）

CSDN博客原文  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. CGContextSetLineDash(context, 5, lengths, 2);
  7. CGContextMoveToPoint(context, 0.0, 40.0);
  8. CGContextAddLineToPoint(context, 310.0, 40.0);
  9. CGContextStrokePath(context);
  10. CGContextSetLineDash(context, 8, lengths, 2);
  11. CGContextMoveToPoint(context, 0.0, 60.0);
  12. CGContextAddLineToPoint(context, 310.0, 60.);
  13. 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); 
}

时间： 2024-10-19 21:27:14

IOS开发之——绘图（CGContext）的相关文章

(转)IOS开发之——绘图（CGContext）

周刊 更多 登录 IOS开发之——绘图(CGContext) 时间 2014-04-21 09:17:43 CSDN博客 原文  http://blog.csdn.net/zhenyu5211314/article/details/24230581 0    CGContextRef context = UIGraphicsGetCurrentCont ext(); 设置上下文 1 CGContextMoveToPoint 开始画线 2 CGContextAddLineToPoint 画直线 4

iOS开发系列--绘图与滤镜全面解析

概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益于它强大的开发框架.今天我们将围绕iOS中两大图形.图形绘图框架进行介绍:Quartz 2D绘制2D图形和Core Image中强大的滤镜功能. Quartz 2D 基本图形绘制 视图刷新 其他图形上下文 Core Image Quartz 2D 在iOS中常用的绘图框架就是Quartz 2D,Quartz 2D是Core Graphics框架的一部分,是一个强大的二维图像绘制引擎.Quartz 2D在UI

iOS开发 - Quartz2D绘图

Quartz 2D简介 是一个二维绘图引擎,同时支持iOS和Mac系统 Quartz 2D能完成的工作 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 - - drawRect:方法的使用 常见图形的绘制:线条.多边形.圆 绘图状态的设置:文字颜色.线宽等 图形上下文状态的保存与恢复 图形上下文栈 为了便于搭建美观的UI界面,iOS提供了UIKit框架,里面有各种各样的UI控件 UILabel:显示文字 UIImag

iOS开发系列-动画绘图CALayer

代码下载地址:https://github.com/wwpeter/WW-MotionDemo.git 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看到动画操作在iOS中是如何简单和高效,很多原来想做但是苦于没有思路的动画在iOS中将变得越发简单:

iOS开发UI篇—Quartz2D使用（绘图路径）

iOS开发UI篇-Quartz2D使用(绘图路径) 一.绘图路径 A.简单说明 在画线的时候,方法的内部默认创建一个path.它把路径都放到了path里面去. 1.创建路径  cgmutablepathref 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息. 2.把绘图信息添加到路径里边. 以前的方法是点的位置添加到ctx(图形上下文信息)中,ctx 默认会在内部创建一个path用来保存绘图信息. 在图形上下文中有一块存储空间专门用来存储绘图信息,其实这块空间就是CGMutablePa

iOS开发---绘图

绘图操作 前言:在iOS开发中,系统已经给我们提供了功能强大的控件,可是很多并不能满足我们的需求.这时候我们需要,自定义一些美观的控件.所用的知识也就是下面的绘图. 1.基本的绘图知识 1.1图形上下文 1.1图形上下文(Graphics Context):是一个CGContextRef类型的数据 1.2图形上下文的作用 保存绘图信息.绘图状态 决定绘制的输出目标(绘制到什么地方去?) (输出目标可以是PDF文件.Bitmap或者显示器的窗口上) 1.2 - (void)drawRect:(CG

iOS开发中的绘图-Quartz2D-

转载请注明出处:http://blog.csdn.net/whjForWork/article/details/44926763 什么是Quartz2D Quartz 2D是一个二维绘图引擎,同时支持iOS和Mac系统 作用 Quartz 2D能完成的工作 绘制图形 : 线条\三角形\矩形\圆\弧等 绘制文字 绘制\生成图片(图像) 读取\生成PDF 截图\裁剪图片 自定义UI控件 - Quartz2D在iOS开发中的价值 为了便于搭建美观的UI界面,iOS提供了UIKit框架,里面有各种各样的

iOS开发系列--让你的应用“动”起来

--iOS核心动画 概览 在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看到动画操作在iOS中是如何简单和高效,很多原来想做但是苦于没有思路的动画在iOS中将变得越发简单: CALayer CALayer简介 CALayer常用属性 CALayer绘图 C

iOS开发之让你的应用“动”起来<转写>

在iOS中随处都可以看到绚丽的动画效果,实现这些动画的过程并不复杂,今天将带大家一窥iOS动画全貌.在这里你可以看到iOS中如何使用图层精简非交互式绘图,如何通过核心动画创建基础动画.关键帧动画.动画组.转场动画,如何通过UIView的装饰方法对这些动画操作进行简化等.在今天的文章里您可以看到动画操作在iOS中是如何简单和高效,很多原来想做但是苦于没有思路的动画在iOS中将变得越发简单: CALayer CALayer简介 在介绍动画操作之前我们必须先来了解一个动画中常用的对象CALayer.C