Quartz2D的基本使用（第三讲：图形上下文栈）

Sian

1、在Quartz2D的图形样式设置中，所有的样式都是针对图形上下文的，只要设置了即会整个图形上下文生成的图形产生影响；
2、具体一点讲，如果设置了线条宽度为2像素，那么后续绘制的所有线条都是2像素宽；
3、如果后续有些线段只需要1个像素宽则重新设置线条宽度，并且该设置会覆盖前面2个像素的设置参数；
4、基于这种特性，对于图形上下文的参数设置Quartz2D引进了一个图形上下文栈的概念；
5、使用非常简单，只需要2步；
5.1、将当前图形上下文设置入栈：CGContextSaveGState(CGContextRef c)；
5.2、将保存的图形上下文恢复到当前的上下文设置中：CGContextRestoreGState(CGContextRef c)；
6、入栈与出栈操作一般成对出现，并且可以嵌套；
7、示例说明：
7.1、函数graphOne()为未使用图形上下文栈的效果，graphTwo()为使用了图形上下文栈的效果

1. //
2. //  SAView.m
3. //  Quartz2D
4. //
5. //  Created by 余西安 on 14/12/1.
6. //  Copyright (c) 2014年 Sian. All rights reserved.
7. //
9. #import "SAView.h"
11. @implementation SAView
13. -(void)drawRect:(CGRect)rect
14. {
15.     graphTwo();
16. }
18. void graphOne()
19. {
20.     // 1、获取上下文(开启当前绘图板)
21.     CGContextRef c = UIGraphicsGetCurrentContext();
22.    
23.     // 绘制第一条线段
24.     // 2.1、设置线宽为10像素、线端为圆角
25.     CGContextSetLineWidth(c, 10.0);
26.     CGContextSetLineCap(c, kCGLineCapRound);
27.    
28.     // 2.2、描述一条线段从点(50, 150)到(250, 150);
29.     CGContextMoveToPoint(c, 50, 150);
30.     CGContextAddLineToPoint(c, 250, 150);
31.    
32.     // 2.3、渲染当前线段到图层
33.     CGContextStrokePath(c);
34.    
35.     // 绘制第二条线段
36.     // 3.1、描述一条线段从点(250, 150)到(250, 300)
37.     CGContextMoveToPoint(c, 250, 150);
38.     CGContextAddLineToPoint(c, 250, 300);
39.    
40.     // 3.2渲染当前线段到图层
41.     CGContextStrokePath(c);
42. }
44. void graphTwo()
45. {
46.     // 1、获取上下文(开启当前绘图板)
47.     CGContextRef c = UIGraphicsGetCurrentContext();
48.     CGContextSaveGState(c);
49.    
50.     // 2.1、设置线宽为10像素、线端为圆角
51.     CGContextSetLineWidth(c, 10.0);
52.     CGContextSetLineCap(c, kCGLineCapRound);
53.    
54.     // 2.2、描述一条线段从点(50, 150)到(250, 150);
55.     CGContextMoveToPoint(c, 50, 150);
56.     CGContextAddLineToPoint(c, 250, 150);
57.    
58.     // 3、渲染当前线段到图层
59.     CGContextStrokePath(c);
60.    
61.     // 还原之前的上下文
62.     CGContextRestoreGState(c);
63.    
64.     // 描述一条线段从点(250, 150)到(250, 300)
65.     CGContextMoveToPoint(c, 250, 150);
66.     CGContextAddLineToPoint(c, 250, 300);
67.     // 渲染当前线段到图层
68.     CGContextStrokePath(c);
69. }
71. @end

复制代码

7.2、运行效果图：（左为graphOne()的结果，右为graphTow()的结果）