CoreGraphics之CGContext绘图 - iOS开发

最新推荐文章于 2021-08-23 09:36:39 发布
最新推荐文章于 2021-08-23 09:36:39 发布
阅读量461 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qinguo2000/article/details/23251451
版权

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，欢迎大家加入



Larkin-Qin
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用CGContext简单的实现画圆画图片
ITMan_iOS的专栏
10-16 1323
以下只是简单的context实现，因为不常用，所以记录一下 let context = UIGraphicsGetCurrentContext() // 圆 /* CGContextAddArc(context, 200, 200, 100, 0, -3.141592653*2, 1) CGContextSetFillColorWi
CGContextDrawImage画图
IOS -Step by step
11-30 4478
描述一下，这两天用到了，CGContextDrawImage 这个函数，在重写我的drawrect函数的时候，我要在某个地方画一个图。然后画嘛~刚开始也没注意，后来发现图画倒了。按照正常程序员的思路，画布的坐标是从屏幕的左上开始！！为了不误导别人，我把上面那句划掉。 然后找原因，在官方文档中找到了原因！ Cocoa和Quartz用的是基础坐标系!左下 是我们所谓的原点！具体参见官方文档。下面参
CGContext学习
aitt1020的专栏
10-15 970
文/社区会员langgaliba   0  CGContextRef context = UIGraphicsGetCurrentContext(); 设置上下文 1 CGContextMoveToPoint 开始画线 2 CGContextAddLineToPoint 画直线 4 CGContextAddEllipseInRect 画一椭圆 4 CGCon
iOS -- 图形绘制(全)
jy578154186_的专栏
08-08 1765
[转载]IOS图形绘制 CGPATH/CGCONTEXT(转)   原文地址：CGPATH/CGCONTEXT(转)" style="text-decoration:none; color:rgb(82,102,115)">IOS图形绘制 CGPATH/CGCONTEXT(转)作者：NickJackson 画阴影：     CGContextRef context =
CGContextRef用法
热门推荐
perfect_promise的专栏
06-13 3万+
quartz 是主要的描画接口，支持基于路径的描画、 抗锯齿渲染、渐变填充模式、图像、颜色、坐标空间变换、以及PDF 文档的创建、显示、和分析。UIKit 为Quartz 的图像和颜色操作提供了Objective-C 的封装。Core Animation 为很多UIKit 的视图属性声明的动画效果提供底层支持，也可以用于实现定制的动画。 在调用您提供的drawRect:方法之前，视图对象会自动
iOS Core Graphics绘图
假装你是大灰狼的专栏
08-23 886
Core Graphics Framework是一套基于C的API框架，使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。 Core Graphics API所有的操作都在上下文中进行。所以在绘图之前需要获取该上下文并传入执行渲染的函数内。有许多方式获得一个上下文 第一种方法就是创建一个图片类型的上下文。 // 获得用来处理图片的图形上下文 UIGraphicsBeginImageContext(rect.size); CGContextRef context = UIGrap
iOS Core Graphics之CGContext详解
say__ever的专栏
10-14 737
Core Graphics之CGContext详解 分类： iOS2013-07-01 15:13 1423人阅读 评论(0) 收藏 举报 CGContext又叫图形上下文，相当于一块画布，以堆栈形式存放，只有在当前context上绘图才有效。iOS有分多种图形上下文，其中UIView自带提供的在drawRect:方法中通过UIGraphicsGetCurrentConte
ios开发系列之Core Graphics中的CGContext
鬼谷传人的博客
09-10 1181
CGContext 图形上下文,相当于一块画布,以堆栈形式存放,只有在当前context上绘图才有效.iOS有分多种图形上下文,其中UIView 自带提供的在drawRect:方法中 通过UIGraphicsGetCurrentContext获取 注:本文是在q562679764的博客http://blog.csdn.net/q562679764/article/details/48289365的
Core Graphics之CGContext详解 (转)
dbbdkup625524的博客
11-15 127
CGContext又叫图形上下文，相当于一块画布，以堆栈形式存放，只有在当前 context上绘图才有效。iOS有分多种图形上下文，其中UIView自带提供的在drawRect:方法中通过 UIGraphicsGetCurrentContext获取，还有专门为图片处理的context，UIGraphicsBeginImageContext函数生成，还有pdf的context等等。 ...
MPWDrawingContext:CoreGraphics CGContext 的 Objective-C 包装器
05-29
围绕 CoreGraphics CGContextRef 的 Objective-C 包装器。 它包括 MPWDrawingContext 协议和通过调用 CoreGraphics CGContextRef 函数实现该协议的 MPWCGDrawingContext 类。 这个想法是让上下文足够轻量和简单，...
iOS CoreGraphics绘图
01-04
在iOS开发中，Core Graphics（简称Core Graphics或CG）是一个低级别的图形绘制框架，它提供了丰富的2D图形渲染功能。这个框架允许开发者直接控制像素，从而实现高度自定义的绘图效果。UIKit虽然提供了许多方便的UI...
swift-iOS股票走势图(分时图K线图)
08-15
总之，"swift-iOS股票走势图(分时图K线图)"项目展示了如何在iOS应用中使用Swift和Core Graphics进行复杂图表的绘制，同时也提供了优化和封装的方法，对学习iOS图形编程和金融图表显示具有很高的参考价值。
swift-iOS实现动态区域裁剪图片
08-15
在iOS应用开发中，Swift语言提供了丰富的工具和框架来处理图片，包括动态区域裁剪功能。这个功能允许用户根据需求自由选择图片中的特定区域进行裁剪，以满足上传或显示的需求。下面我们将深入探讨如何使用Swift来...
swift-iOS涂鸦demo
08-15
Core Graphics框架是iOS中进行低级别绘图的核心。在涂鸦应用中，我们需要创建一个CGContext，它是绘图的上下文，所有绘图操作都在这个上下文中进行。CGPath对象用于创建路径，可以用来描绘用户在屏幕上的轨迹。我们...
Java基础入门：掌握基本语法与概念2024最新0基础！！！易懂！！！.md
07-14
Java编程语言的基础语法要点。首先介绍了数据类型与变量的概念，包括整型、浮点型、字符型和布尔型，每种类型的定义和示例代码都有详细解释。其次，讨论了运算符与表达式的使用，包括算术运算符、赋值运算符、关系运算符和逻辑运算符，每种运算符的功能和示例展示。接着，文章深入探讨了控制流程，包括条件语句（if-else、switch-case）和循环语句（for循环、while循环、do-while循环），每种语句的用法和示例演示。随后，文章详细讲解了方法的定义与调用，展示了如何定义带有参数和返回值的方法，并给出了实际使用的示例。最后，文章介绍了Java中的数组与集合，包括如何定义和初始化数组，以及如何使用列表（List）作为集合类型存储数据。字符串处理也得到了关注，包括字符串的拼接、长度、比较、查找和替换等操作。整篇文章通过清晰的教程、详细的示例代码和逐步解释，帮助读者建立起对Java基础语法的全面理解和实际运用能力。
.archivetemp实物图.jpg
07-14
.archivetemp实物图.jpg
牛津通识读本 数学.mobi
最新发布
07-14
牛津通识读本 数学.mobi
12345656734432343
07-13
12345656734432343
使用CGContext绘制NSScrollBar的滑块
05-26
可以使用以下代码片段使用CGContext绘制NSScrollBar的滑块： ```objc - (void)drawKnob { CGFloat knobWidth = self.knobRect.size.width; CGFloat knobHeight = self.knobRect.size.height; NSRect knobRect = ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值