Core Graphics

最新推荐文章于 2024-10-04 20:45:38 发布
最新推荐文章于 2024-10-04 20:45:38 发布
阅读量142 收藏
点赞数
文章标签： c/c++ 移动开发
原文链接：https://juejin.im/post/5b94983be51d450e74287903
版权

1.Core Graphics

Core Graphics(Quartz2d) 一套提供2D绘图功能的C语言的API，使用C结构和C函数模拟了一套面向对象的编程机制，并没有Objective-C对象和方法。
复制代码
2.CGContextRef
CGContextRef图形上下文“对象”，负责存储绘画状态（例如画笔颜色和线条粗细）和绘制内容所处的内存空间。
复制代码

获取CGContextRef：

    CGContextRef contextRef = UIGraphicsGetCurrentContext();
复制代码

3.Path

CG中path分为不可变路径（CGPathRef）和可变路径（CGMutablePathRef）
复制代码
3.1 CGPathRef

创建方法：

//1、根据已存在的路径绘制路径
 CGPathCreateCopy(<#CGPathRef  _Nullable path#>);
 //2、根据已存在的路径及transform绘制路径
 CGPathCreateCopyByTransformingPath(<#CGPathRef  _Nullable path#>, <#const CGAffineTransform * _Nullable transform#>);
 //3、绘制矩形路径
 CGPathCreateWithRect(<#CGRect rect#>, <#const CGAffineTransform * _Nullable transform#>);
 //4、绘制椭圆（圆是一种特殊的椭圆）
 CGPathCreateWithEllipseInRect(<#CGRect rect#>, <#const CGAffineTransform * _Nullable transform#>);
 //5、绘制圆角图形
 CGPathCreateWithRoundedRect(<#CGRect rect#>, <#CGFloat cornerWidth#>, <#CGFloat cornerHeight#>, <#const CGAffineTransform * _Nullable transform#>);
 //6、根据已存在的路径创建一个虚线路径，同时参数`phase', `lengths', and `count'与对应的`CGContextSetLineDash'参数有相同的含义，CGAffineTransform类型,用于在二维空间做旋转,缩放和平移。如transform非空，则在这些参数被添加之前，先进行transform相关的转换。
 CGPathCreateCopyByDashingPath(<#CGPathRef  _Nullable path#>, <#const CGAffineTransform * _Nullable transform#>, <#CGFloat phase#>, <#const CGFloat * _Nullable lengths#>, <#size_t count#>);
 //7、根据已存在的路径创建一个路径的描边轮廓，同时参数`lineWidth', `lineCap',`lineJoin', and `miterLimit'与对应的cgcontext参数有相同的含义，CGAffineTransform类型,用于在二维空间做旋转,缩放和平移。如transform非空，则在这些参数被添加之前，先进行transform相关的转换。
 CGPathCreateCopyByStrokingPath(<#CGPathRef  _Nullable path#>, <#const CGAffineTransform * _Nullable transform#>, <#CGFloat lineWidth#>, <#CGLineCap lineCap#>, <#CGLineJoin lineJoin#>, <#CGFloat miterLimit#>);
复制代码

CG中没有ARC机制，调用create、copy方法的对象，需要手动调用该对象的release方法。

3.2 CGMutablePathRef
 //1、直接创建
 CGPathCreateMutable();
 //2、创建已存在路径的一个副本
 CGPathCreateMutableCopy(<#CGPathRef  _Nullable path#>);
 //3、创建已存在路径的一个副本，并传入相对已存在的路径CGAffineTransform对象的位移，缩放或者旋转变换
 CGPathCreateMutableCopyByTransformingPath(<#CGPathRef  _Nullable path#>, <#const CGAffineTransform * _Nullable transform#>);
复制代码

ag:

CGMutablePathRef mPath = CGPathCreateMutable();
CGPathMoveToPoint(mPath, NULL, 50, 100);
CGPathAddLineToPoint(mPath, NULL, 150, 200);
CGPathAddLineToPoint(mPath, NULL, 50, 200);
复制代码

使用path需要先把path添加到上下文中:

CGContextAddPath(_contextRef, mPath);
复制代码

根据需要关闭路径：

CGContextClosePath(_contextRef);
复制代码

4.Color

  • strokeColor:
CGContextSetRGBStrokeColor(_contextRef, 0.2, 0.8, 0.5, 1);
CGContextSetStrokeColor(_contextRef, CGColorGetComponents([UIColor yellowColor].CGColor));

复制代码
  • fillColor:
CGContextSetRGBFillColor(_contextRef, 0.6, 0.5, 0.4, 1);
CGContextSetFillColor(_contextRef, CGColorGetComponents([UIColor greenColor].CGColor));

复制代码

5.line

  • 线条宽度：
CGContextSetLineWidth(<#CGContextRef  _Nullable c#>, <#CGFloat width#>)
复制代码
  • 线条链接方式：
     // 定义线条末端样式
     typedef CF_ENUM(int32_t, CGLineCap) {
     kCGLineCapButt,//指定不绘制端点， 线条结尾处直接结束。(default)
     kCGLineCapRound,//指定绘制圆形端点， 线条结尾处绘制一个直径为线条宽度的半圆
     kCGLineCapSquare//指定绘制方形端点。线条结尾处绘制半个边长为线条宽度的正方形。注意这种形状的端点与“butt”形状的端点十分相似，只是线条比第一种模式长半个线条宽度。
     };
     // 设置线条连接点的风格
     typedef CF_ENUM(int32_t, CGLineJoin) {
     kCGLineJoinMiter,//接合点为尖角(default)
     kCGLineJoinRound,//接合点为圆角
     kCGLineJoinBevel//接合点为斜角
     };
     
CGContextSetLineCap(<#CGContextRef  _Nullable c#>, <#CGLineCap cap#>)
复制代码
  • 设置虚线：
- (void)pathCreateCopyByDash:(CGPathRef)path{
    CGFloat dash[] = {15,20,20,4};
    CGAffineTransform transform = CGAffineTransformMakeTranslation(0, 100);
    /*根据已存在的路径创建一个虚线路径，同时参数`phase', `lengths', and
     `count'与对应的`CGContextSetLineDash'参数有相同的含义，CGAffineTransform类型,用于在二维空间做旋转,缩放和平移。如transform非空，则在这些参数被添加之前，先进行transform相关的转换。
     *参数1：要进行虚线化的不可变路径
     *参数2：CGAffineTransform类型转换
     *参数3：从lengths数组的第几部分开始绘制虚线
     *参数4：C风格的数组 其中为CGFloat值 表示每段虚线的绘制长度 例如传入数组为{10,5}，则虚线的先绘制长度为10的实线 在绘制长度为5的空白 在进行循环
     *参数5：count是使用数组的长度，也就是说如果数组长度是4，而count是3，那么只使用数组的前三个
     */
    CGPathRef path1 = CGPathCreateCopyByDashingPath(path, &transform, 1, dash, 3);
    CGContextSetRGBStrokeColor(_contextRef, 0.2, 0.3, 0.4, 1);
    CGContextSetLineWidth(_contextRef, 2);
    CGContextAddPath(_contextRef, path1);
    CGContextStrokePath(_contextRef);
    CGPathRelease(path);
    CGPathRelease(path1);
}
复制代码

6.绘制

path添加之后需要绘制

  • 路径绘制：
CGContextStrokePath(_contextRef);
复制代码
  • 填充绘制：
CGContextFillPath(_contextRef);
复制代码
  • 路径+填充绘制:
CGContextDrawPath(_contextRef, kCGPathFillStroke);
复制代码

7.state

  • 保存上下文状态
CGContextSaveGState(contextRef);
复制代码
  • 恢复上下文状态
CGContextRestoreGState(contextRef);
复制代码

8.context不使用path绘图

// 不实用CGPathRef对象 直接画图
    CGContextRef contextRef = UIGraphicsGetCurrentContext();
    
    // line
    CGPoint points[] = {
        CGPointMake(100, 100),
        CGPointMake(150, 200),
        CGPointMake(50, 200),
    };
    
    // 数组
    int size = sizeof(points)/sizeof(points[0]);
    
    CGContextAddLines(contextRef, points, size);
    
    [[UIColor grayColor] setFill];
    [[UIColor redColor] setStroke];
    CGContextSetLineWidth(contextRef, 4);
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);
    
    // 椭圆
    CGContextAddEllipseInRect(contextRef, CGRectMake(100, 200, 200, 100));
    CGContextSetRGBFillColor(contextRef, 0.5, 0.5, 0.1, 1);
    CGContextSetStrokeColor(contextRef, CGColorGetComponents([UIColor redColor].CGColor));
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);
    
    // 扇形
    CGPoint center = CGPointMake(300, 300);
    CGContextMoveToPoint(contextRef, center.x, center.y);
    CGContextAddArc(contextRef, center.x, center.y, 100, 0, M_PI/1.3, 0);
    CGContextSetRGBFillColor(contextRef, 0.2, 0.5, 0.8, 1);
    CGContextSetRGBStrokeColor(contextRef, 0.1, 0.9, 0.2, 1);
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);

    // 二次贝塞尔曲线
    CGContextMoveToPoint(contextRef, 10, 80);
    CGContextAddQuadCurveToPoint(contextRef, 300, 200, 10, 320);
    CGContextSetRGBStrokeColor(contextRef, 0.8, 0.2, 0.4, 1);
    CGContextStrokePath(contextRef);
    
    // 三次贝塞尔曲线
    CGContextMoveToPoint(contextRef, 10, 320);
    CGContextAddCurveToPoint(contextRef, 300, 10, 10, 500, 400, 600);
    CGContextSetRGBStrokeColor(contextRef, 0.8, 0.6, 0.42, 1);
    CGContextSetRGBFillColor(contextRef, 0.2, 0.24, 0.8, 1);
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);
    
    // 虚线
    CGContextSaveGState(contextRef);
    CGFloat dash[] = {5,4,3,6};
    CGPoint lines[] = {
        CGPointMake(400, 10),
        CGPointMake(400, 400),
    };
    CGContextAddLines(contextRef, lines, 2);
    CGContextSetLineDash(contextRef, 1, dash, 3);
    [[UIColor redColor] setStroke];
    CGContextClosePath(contextRef);
    CGContextStrokePath(contextRef);
    CGContextRestoreGState(contextRef);

    // 添加阴影
    
    // 保存添加阴影之前的效果
    CGContextSaveGState(contextRef);
    
    CGContextSetShadow(contextRef, CGSizeMake(10, 5), 3);
    CGContextSetStrokeColor(contextRef, CGColorGetComponents([UIColor purpleColor].CGColor));
    //在这里绘制的图像会带有阴影效果
    CGContextAddRect(contextRef, CGRectMake(60, 500, 100, 100));
    CGContextSetRGBStrokeColor(contextRef, 0.8, 0.6, 0.42, 1);
    CGContextSetRGBFillColor(contextRef, 0.2, 0.24, 0.8, 1);
    CGContextClosePath(contextRef);
    CGContextDrawPath(contextRef, kCGPathFillStroke);
    // 恢复添加阴影之前的效果
    CGContextRestoreGState(contextRef);
复制代码

9.渐变

- (void)gradient:(CGContextRef)currentContext{
    /*
     *渐变
     */
    //保存渐变之前的绘画状态
    CGContextSaveGState(currentContext);
    
    //绘制渐变剪切路径
    UIBezierPath *path1 = [[UIBezierPath alloc] init];
    [path1 moveToPoint:CGPointMake(100, 450)];
    [path1 addLineToPoint:CGPointMake(250, 450)];
    [path1 addLineToPoint:CGPointMake(250, 650)];
    [path1 addLineToPoint:CGPointMake(100, 650)];
    [path1 closePath];
    //是用剪切路径剪裁图形上下文
    [path1 addClip];
    
    //绘制渐变
    CGFloat locations[4] = {0.0,0.4,0.7,1.0};//三个颜色节点
    CGFloat components[16] =
        {1.0,0.3,0.0,1.0,//起始颜色
        0.2,0.8,0.2,1.0,//中间颜色
        1.0,1.0,0.5,1.0,//中间颜色
        0.8,0.3,0.4,1.0};//终止颜色
    //创建RGB色彩空间对象
    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
    CGGradientRef gradient = CGGradientCreateWithColorComponents(colorSpace, components, locations, 4);
    
    //渐变的起点(渐变效果在以起点和终点为轴的直线周边)
    //    CGPoint startPoint = CGPointMake(100, 450);
    //渐变的终点
    //    CGPoint endPoint =    CGPointMake(250, 650);
    /*线性渐变
     *参数1:当前上下文
     *参数2:渐变指针
     *参数3，4:渐变的起始和终止位置
     *参数5:CGGradientDrawingOptions枚举
     typedef CF_OPTIONS (uint32_t, CGGradientDrawingOptions) {
     kCGGradientDrawsBeforeStartLocation = (1 << 0),//扩展整个渐变到渐变的起点之前的所有点
     kCGGradientDrawsAfterEndLocation = (1 << 1)//扩展整个渐变到渐变的终点之后的所有点
     };
     0表示既不往前扩展也不往后扩展
     */
    //    CGContextDrawLinearGradient(self.currentContext, gradient, startPoint, endPoint, kCGGradientDrawsBeforeStartLocation|kCGGradientDrawsAfterEndLocation);
    
    /*径向渐变
     *参数1:当前上下文
     *参数2:渐变指针
     *参数3:渐变的起始圆心
     *参数4：渐变的起始半径
     *参数5：渐变的终止圆心
     *参数6：渐变的终止半径
     *参数5:CGGradientDrawingOptions枚举
     typedef CF_OPTIONS (uint32_t, CGGradientDrawingOptions) {
     kCGGradientDrawsBeforeStartLocation = (1 << 0),//扩展整个渐变到渐变的起点之前的所有点
     kCGGradientDrawsAfterEndLocation = (1 << 1)//扩展整个渐变到渐变的终点之后的所有点
     };
     0表示既不往前扩展也不往后扩展
     */
    CGContextDrawRadialGradient(currentContext, gradient, CGPointMake(175, 550), 20, CGPointMake(175, 580), 60, 0);
    
    //释放创建的C结构对象
    CGGradientRelease(gradient);
    CGColorSpaceRelease(colorSpace);
    //恢复绘画状态
    CGContextRestoreGState(currentContext);
}
复制代码
weixin_33882452
关注
Core Graphics的简介与概述（一）
die_word的博客
09-06 7102
  简介： Core Graphics是Quartz 2D的一个高级绘图引擎，常用与iOS，tvOS，macOS的图形绘制应用开发。Core Graphics是对底层C语言的一个简单封装，其中提供大量的低层次，轻量级的2D渲染API。 Core GraphicsAPI简单易于使用，并且提供了强大的功能访问，如透明层，基于路径的涂层绘制，屏幕外呈现，高级色彩管理，抗锯齿已经PDF文档的生成解析...
iOS仿微博导航栏动画(CoreGraphics)的实现方法
08-27
这篇内容主要讲解了如何使用CoreGraphics框架来仿制微博导航栏的动画效果。CoreGraphics是苹果提供的底层图形绘制框架，它允许开发者进行像素级别的图像处理和图形绘制。 首先，我们来看实现这种动画的关键是利用...
C语言api绘图,CoreGraphics绘图API
weixin_28990983的博客
05-22 258
画布：CGContextSaveGState(ctx); //保存画布上的绘图信息CGContextRestoreGState(ctx); //清空画布上的绘图信息CGContextClip(ctx);//指定上下文中可以显示内容的范围，需要在绘制内容前调用渲染CGContextStrokePath(ctx); //渲染，空心的CGContextFillPath(ctx); //渲染，实心的，但线...
核心绘图——Core Graphics
诠释完美
10-30 4879
一. Core Graphics简介 Core Graphics是一个基于C的绘图专用的API族，它经常被称为QuartZ或QuartZ 2D，是一个二维绘图引擎，同时支持iOS和Mac系统。它提供了低级别、轻量级、高保真度的2D渲染。该框架可以用于基于路径的绘图、变换、颜色管理、脱屏渲染，模板、渐变。 提示： 引擎：经过包装的函数库，方便开发者使用。QuartZ 2D是苹果帮封装的一套绘
CoreGraphics基本使用示例
ahut_qyb_6737的专栏
07-21 604
demo中包括了coreGraphics的一些基本使用示例，本人对CoreGraphics也才初步了解，所以写了个demo便于理解、备忘。 demo地址详见：https://github.com/woshiqyb/CoreGraphicsLearning
CoreGraphics详解
richard_如风的专栏
02-12 1717
CoreGraphics详解CoreGraphics详解 CoreGraphics绘图 绘制一个矩形 绘制一个椭圆 绘制曲线 绘制圆形 链接点来绘制为图形CoreGraphics绘图绘制一个矩形CGRect rectangle=CGRectMake(0, 0, 200, 200); //获取当前图形 CGContextRef ctx=UIGraphicsGetCurrentCon
iOS Core Graphics绘图
假装你是大灰狼的专栏
08-23 936
Core Graphics Framework是一套基于C的API框架，使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。 Core Graphics API所有的操作都在上下文中进行。所以在绘图之前需要获取该上下文并传入执行渲染的函数内。有许多方式获得一个上下文 第一种方法就是创建一个图片类型的上下文。 // 获得用来处理图片的图形上下文 UIGraphicsBeginImageContext(rect.size); CGContextRef context = UIGrap
CoreGraphics
qq_32619837的博客
03-31 347
CoreGraphics中最关键的部分是一个名为Quartz 2D的API集合，它包含了各种函数、数据类型以及对象，能够让大家在内存中直接绘制视图和图像。 CoreGraphics框架几个重要概念: 画布（page）：Quartz 2D将正在进行绘制的视图视作一个虚拟的画布，在画布上用画笔画画，就必须遵循一定的规则，例如，绘制的内容是有先后顺序的。 路径（Path）：当你拿到一支画笔时，就能够随心所欲地在画纸上绘画，画笔移动的轨迹就是路径。 绘图上下文（Graphics Context）：绘图上下文有时
CoreGraphics，QuartzCore, CoreAnimation区别
逝水无情的博客
04-01 366
CoreGraphics，QuartzCore, CoreAnimation区别
利用CoreGraphics画小黄人
06-10
在iOS和macOS开发中，Core Graphics是一个强大的图形绘制框架，用于低级的2D图形渲染。本项目“利用CoreGraphics画小黄人”旨在教你如何通过编程方式使用Core Graphics来绘制可爱的小黄人形象。这个教程对于理解Core...
基于Core Graphics框架
04-05
《基于Core Graphics框架的iOS本地动态验证码实现》 在iOS应用开发中，验证码是一种常见的安全机制，用于验证用户的身份或防止自动化的恶意操作。本文将深入探讨如何利用Core Graphics框架来创建一个本地动态验证码...
基于SpriteKit和Core Graphics的iOS的简单刷新控件-Swift开发
05-27
RainyRefreshControl基于SpriteKit和Core Graphics的iOS简单刷新控件。 受Yup Nguyen安装和CocoaPods安装概念启发的项目，用于集成RainyRefresh RainyRefreshControl基于SpriteKit和Core Graphics的iOS简单刷新控件...
swift-这是一款基于CoreGraphics和CoreAnimation画出的轻量型网格曲线图。
08-15
这种图表的实现通常涉及两个核心框架：CoreGraphics和CoreAnimation。 CoreGraphics是Apple提供的一个低级别图形框架，它允许开发者进行自定义绘图和图形处理。在Swift中，你可以通过CoreGraphics API来创建复杂的...
【C++算法】9.双指针_四数之和
最新发布
hlyd520的博客
10-04 335
后面的步骤类似，就不多赘述了。解法一：排序+暴力枚举+利用。双指针遇到合适的数继续往后走。解法二：排序+双指针。不满足循环条件，跳出。
C++继承的三种方式[ACCESS]
阿江的故事
10-02 456
两个类的继承关系在派生类中声明，由[ACCESS]的这三个值，从而引出了C++继承的三种方式......
C++基础知识代码版本
qq_51365682的博客
09-30 223
动态获取数组长度:sizeof(arr)/sizeof(arr[0]).../ 九九乘法表while练习。/*函数返回类型可以是结构体。读取输入元素入数组大。
【C语言内存管理】第三章 堆内存管理
09-29 438
总结，堆内存管理在C语言中占有重要地位，掌握好动态内存分配函数的使用方法及其管理策略，对于编写高效、稳定的程序具有重要意义。在C语言中，堆内存管理是较为灵活的内存管理方式之一，它允许程序在运行时根据需求动态分配和释放内存，与静态分配相比更为灵活。下面我们对堆内存管理进行详细讲解。内存泄漏是指程序无法再访问某块内存，但该内存未被释放，导致内存浪费。内存碎片化是指堆内存中由于频繁的分配和释放而产生很多小而分散的内存块。通过合理使用动态内存分配和释放，程序员可以有效管理内存，保持程序稳定可靠。
Core Graphics框架详解与关键数据类型
Core Graphics 框架参考文档是苹果官方提供的一个深入指南，它专注于在 iOS 平台上进行高质量图形处理的低层次编程接口。这个框架对于那些需要精细控制图形渲染、矢量图形操作、路径绘制、变换、图像管理和数据管理...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值