iOS开发CoreGraphics核心图形框架之二——深入理解图形上下文(一)

简介: iOS开发CoreGraphics核心图形框架之二——深入理解图形上下文

一、引言


     在上一篇博客中,介绍了有关CGPath绘制路径的相关方法,其中在View视图的drawRect方法中,已经使用过上下文将Path路径绘制到当前视图上,上一篇博客只是抛砖引玉,本片博客将更深入的介绍下有关上下文的更多内容。关于接胡搜啊CGPath应用的博客地址如下:


iOS开发CoreGraphics核心图形框架之一——CGPath的应用:https://my.oschina.net/u/2340880/blog/757072


二、关于图形上下文Graphics Context


     GraphicsContext对于开发者来说是完全透明的,开发者不需要关心其实现,也不需要关心其绘制方式,开发者只需要将要绘制的内容传递给图形上下文,由图形上下文来将内容绘制到对应的目标上。这个目标可以是视图,窗口,打印机,PDF文档或者位图对象。需要注意,绘制的顺序在CoreGraphics框架中十分重要,如果后绘制的内容和先绘制的内容有位置冲突,后绘制的内容将覆盖先绘制的内容。


   特定的上下文用于将内容绘制到特定的输出源上,CoreGraphics中提供如下几种图形上下文:


1.位图图形上下文:位图图形上下文用于将RGB图像,GMYK图像或者黑白图像绘制到一个位图(bitmap)对象中。


2.PDF图形上下文:PDF图形上下文可以帮助开发者创建PDF文件,将内容绘制进PDF文件中,其与位图上下文最大的区别在于PDF数据可以保存多页图像。


3.窗口上下文:用于OS系统中的窗口绘制。


4.图层上下文:用于将内容绘制在Layer图层上。


5.打印上下文:使用Mac打印功能时,此上下文用于将内容绘制在打印输出源上。


三、在UIKit框架中操作图形上下文


   在UIKit框架中有一个UIGraphics头文件,其中封装了许多对当前图形上下文进行操作的方法。首先任何UIView和其子类的视图控件都有一个drawRect方法,当视图将要被绘制时会调用这个方法,在drawRect方法中开发者可以获取到当前视图的图形上下文,通过这个图形上下文可以对视图进行自定义的绘制。UIGraphics头文件中定义的如下方法可以对当前的图形上下文进行操作:


//这个方法用于获取当前的图形上下文

UIKIT_EXTERN CGContextRef __nullable UIGraphicsGetCurrentContext(void) CF_RETURNS_NOT_RETAINED;

//这个方法用于将某个图形上下文对象压入栈中 使其变为当前的图形上下文

UIKIT_EXTERN void UIGraphicsPushContext(CGContextRef context);

//这个方法用于将当前的图形上下文出栈 当前的图形上下文始终是栈顶的图形上下文

UIKIT_EXTERN void UIGraphicsPopContext(void);

需要注意,上面的UIGraphicsPushContext()与UIGraphicsPopContext()方法常用于切换当前的图形上下文。


//下面这两个方法用于向当前的图形上下文中填充矩形

UIKIT_EXTERN void UIRectFillUsingBlendMode(CGRect rect, CGBlendMode blendMode);

UIKIT_EXTERN void UIRectFill(CGRect rect);

//下面这两个方法用于向当前的图形上下文中绘制矩形边框

UIKIT_EXTERN void UIRectFrameUsingBlendMode(CGRect rect, CGBlendMode blendMode);

UIKIT_EXTERN void UIRectFrame(CGRect rect);

//这个方法用于裁剪当前的图形上下文的绘制区域

UIKIT_EXTERN void UIRectClip(CGRect rect);

上面方法中的CGBlendMode参数用于设置图像的混合模式,意义列举如下:


typedef CF_ENUM (int32_t, CGBlendMode) {

   //在背景图像之上绘制原图像

   kCGBlendModeNormal,

   //将背景与原图像进行混合

   kCGBlendModeMultiply,

   //将背景与原图像进行逆向混合

   kCGBlendModeScreen,

   //覆盖原图像 同时保持背景阴影

   kCGBlendModeOverlay,

   //进行灰度复合

   kCGBlendModeDarken,

   //进行亮度复合

   kCGBlendModeLighten,

   //复合时 黑色不进行复合

   kCGBlendModeColorDodge,

   //复合时 白色不进行复合

   kCGBlendModeColorBurn,

   //复合时 根据黑白色值比例进行复合

   kCGBlendModeSoftLight,

   kCGBlendModeHardLight,

   //复合时 将原图像中有关背景图像的色值去除

   kCGBlendModeDifference,

   //与kCGBlendModeDifference类似 对比度更低

   kCGBlendModeExclusion,

   //使用原图像的色调与饱和度

   kCGBlendModeHue,

   //同kCGBlendModeHue 纯灰度的区域不产生变化

   kCGBlendModeSaturation,

   //同kCGBlendModeHue 保留灰度等级

   kCGBlendModeColor,

   //与kCGBlendModeHue效果相反

   kCGBlendModeLuminosity,

 

   //下面这些枚举定义了MacOS中图像复合的计算方式

   //R 结果  

   //S 原图像

   //D 背景图像

   //Ra Sa Da为带透明alpha通道


   kCGBlendModeClear,                  /* R = 0 */

   kCGBlendModeCopy,                   /* R = S */

   kCGBlendModeSourceIn,               /* R = S*Da */

   kCGBlendModeSourceOut,              /* R = S*(1 - Da) */

   kCGBlendModeSourceAtop,             /* R = S*Da + D*(1 - Sa) */

   kCGBlendModeDestinationOver,        /* R = S*(1 - Da) + D */

   kCGBlendModeDestinationIn,          /* R = D*Sa */

   kCGBlendModeDestinationOut,         /* R = D*(1 - Sa) */

   kCGBlendModeDestinationAtop,        /* R = S*(1 - Da) + D*Sa */

   kCGBlendModeXOR,                    /* R = S*(1 - Da) + D*(1 - Sa) */

   kCGBlendModePlusDarker,             /* R = MAX(0, (1 - D) + (1 - S)) */

   kCGBlendModePlusLighter             /* R = MIN(1, S + D) */

};

下面这些方法用于操作位图图形上下文:


//这个方法会创建一个位图图形上下文 并将其push进图形上下文栈中 size参数设置图像的大小

UIKIT_EXTERN void     UIGraphicsBeginImageContext(CGSize size);

//方法同上,其中opaque参数设置是否为不透明的 scale设置缩放因子

UIKIT_EXTERN void     UIGraphicsBeginImageContextWithOptions(CGSize size, BOOL opaque, CGFloat scale) NS_AVAILABLE_IOS(4_0);

//这个方法用于将当前的位图图形上下文内容画成UIImage对象

UIKIT_EXTERN UIImage* __nullable UIGraphicsGetImageFromCurrentImageContext(void);

//结束位图图形上下文的编辑 会POP出栈

UIKIT_EXTERN void     UIGraphicsEndImageContext(void);

我们可以通过代码来画一个简单的UIImage图像,示例如下:


- (void)viewDidLoad {

   [super viewDidLoad];

   //创建位图图形上下文 设置大小为200*200

   UIGraphicsBeginImageContext(CGSizeMake(200, 200));

   //获取到当前图形上下文

   CGContextRef ref = UIGraphicsGetCurrentContext();

   //裁剪其进行绘制的尺寸为100*100

   UIRectClip(CGRectMake(0, 0, 100, 100));

   //设置线条颜色

   [[UIColor redColor] setStroke];

   //设置填充颜色

   [[UIColor grayColor] setFill];

   //设置边框宽度

   CGContextSetLineWidth(ref, 10);

   //进行填充

   UIRectFill(CGRectMake(0, 0, 100, 100));

   //进行边框绘制

   UIRectFrame(CGRectMake(0, 0, 200, 200));

   //拿到UIImage实例

   UIImage * image = UIGraphicsGetImageFromCurrentImageContext();

   //结束位图上下文编辑

   UIGraphicsEndImageContext();

   //将UIImage展示到界面上

   UIImageView * imageView = [[UIImageView alloc]initWithImage:image];

   imageView.contentMode = UIViewContentModeCenter;

   imageView.frame = CGRectMake(100, 100, 200, 200);

   [self.view addSubview:imageView];

}

效果如下图所示:

image.png



与操作PDF图形上下文的相关方法如下:


//这个方法用于创建一个PDF图形上下文 将其入栈 作为当前的图形上下文  

/*

其中path为PDF文件写入的路径

bounds为PDF文档的尺寸

decumentInfo地点为设置PDF文档信息 后面会介绍

*/

UIKIT_EXTERN BOOL UIGraphicsBeginPDFContextToFile(NSString *path, CGRect bounds, NSDictionary * __nullable documentInfo) NS_AVAILABLE_IOS(3_2);

//这个方法用于穿件一个PDF图形上下文 但是将PDF内容写成Data数据 参数意义同上

UIKIT_EXTERN void UIGraphicsBeginPDFContextToData(NSMutableData *data, CGRect bounds, NSDictionary * __nullable documentInfo) NS_AVAILABLE_IOS(3_2);

//结束PDF图形上下文的编辑 将其出栈

UIKIT_EXTERN void UIGraphicsEndPDFContext(void) NS_AVAILABLE_IOS(3_2);

//这个方法用于将当前的PDF图形上下文新开一页内容

UIKIT_EXTERN void UIGraphicsBeginPDFPage(void) NS_AVAILABLE_IOS(3_2);

//同上

UIKIT_EXTERN void UIGraphicsBeginPDFPageWithInfo(CGRect bounds, NSDictionary * __nullable pageInfo) NS_AVAILABLE_IOS(3_2);

//返回当前PDF图形上下文所在页的尺寸

UIKIT_EXTERN CGRect UIGraphicsGetPDFContextBounds(void) NS_AVAILABLE_IOS(3_2);

//向PDF文档中的某个区域添加链接

UIKIT_EXTERN void UIGraphicsSetPDFContextURLForRect(NSURL *url, CGRect rect) NS_AVAILABLE_IOS(3_2);

//向PDF文档中的某个区域添加一个跳转目标 使其滚动到某点

UIKIT_EXTERN void UIGraphicsAddPDFContextDestinationAtPoint(NSString *name, CGPoint point) NS_AVAILABLE_IOS(3_2);

//向PDF文档中的某个区域添加一个跳转目标 使其滚动到某个区域

UIKIT_EXTERN void UIGraphicsSetPDFContextDestinationForRect(NSString *name, CGRect rect) NS_AVAILABLE_IOS(3_2);

目录
相关文章
|
4天前
|
iOS开发 开发者
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
uniapp开发ios打包Error code = -5000 Error message: Error: certificate file(p12) import failed!报错问题如何解决
|
28天前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
121 66
|
14天前
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
|
1月前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
122 3
|
1月前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
2月前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
2月前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
2月前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!
|
2月前
|
安全 Swift iOS开发
Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法
本文深入探讨了 Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法。Swift 以其简洁、高效和类型安全的特点,结合 UIKit 丰富的组件和功能,为开发者提供了强大的工具。文章从 Swift 的语法优势、类型安全、编程模型以及与 UIKit 的集成,到 UIKit 的主要组件和功能,再到构建界面的实践技巧和实际案例分析,全面介绍了如何利用这些技术创建高质量的用户界面。
41 2