Quartz2D的基本使用（第二讲：基本图形绘制）

Sian

一、基本绘图方法
1、移动画笔位置方法形式如  CGContextMovexxxx， 如：CGContextMoveToPoint(CGContextRef c, CGFloat x, CGFloat y)为移动到坐标（x， y）

2、描述图形方法如 CGContextAddxxxx，如：
CGContextAddLineToPoint(CGContextRef c, CGFloat x, CGFloat y)，描述一个线段从当前画笔点到点（x，y）

GContextAddRect(CGContextRef c, CGRect rect)，根据传入的rect描述一个矩形，rect中指定了位置与尺寸

CGContextAddEllipseInRect(CGContextRef context, CGRect rect)，根据传入的rect描述一个在rect中能容纳的最大椭圆，如果为rect中width与height相等则为圆

CGContextAddArc(CGContextRef c, CGFloat x, CGFloat y, CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise)，该函数为画一段圆弧，传入的参数分别为：上下文，圆心x坐标，圆心y坐标， 半径， 开始弧度值，结束弧度值，顺时钟（1为顺时钟，0为逆时钟）

3、图形设置方法如 CGContextSetxxxx，如：

CGContextSetRGBFillColor(CGContextRef context, CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha)，填充图形时使用的颜色RGB与透明度值

4、图形渲染 CGContextxxxxPath()，如：

CGContextFillPath(CGContextRef c)， 渲染为实心图形

CGContextStrokePath(CGContextRef c)， 渲染为空心图形

二、示例代码

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.     // 1、获取上下文(开启当前绘图板)
16.     CGContextRef ctx = UIGraphicsGetCurrentContext();
17.    
18.     // 2、绘制图形
19.     // 2.1 画矩形
20.     // 绘制矩形，输入上下文及矩形的大小尺寸Rect
21.     // CGContextAddRect(CGContextRef c, CGRect rect)
22.     CGContextAddRect(ctx, (CGRect){50, 50, 100, 100});
23.     // 渲染空心图形到当前View
24.     CGContextStrokePath(ctx);
25.    
26.     // 2.2 画圆（椭圆）
27.     // 绘制椭圆（圆是椭圆的一种），同样指定上下文与圆所占据的Rect即可
28.     // CGContextAddEllipseInRect(CGContextRef context, CGRect rect)
29.     CGContextAddEllipseInRect(ctx, (CGRect){100, 200, 100, 100});
30.     // 渲染实心图形到当前View
31.     CGContextFillPath(ctx);
32.    
33.     // 2.3 画圆弧（圆）
34.     // 将“画笔”移动到画弧的起点，如果没有这句会从上次绘图的终点“拖线”到当前绘图起点
35.     CGContextMoveToPoint(ctx, 200, 400);
36.     // 绘制圆弧，指定圆弧的圆心、半径、弧度起点与终点，绘制方向(顺时钟或逆时钟)
37.     // CGContextAddArc(CGContextRef c, CGFloat x, CGFloat y, CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise)
38.     CGContextAddArc(ctx, 150, 400, 50, 0, M_PI * 2, 0);
39.     // 设置填充颜色RGB值
40.     // CGContextSetRGBFillColor(CGContextRef context, CGFloat red, CGFloat green, CGFloat blue, CGFloat alpha)
41.     CGContextSetRGBFillColor(ctx, 0, 0, 1, 1);
42.     // 渲染实心图形到当前View
43.     CGContextFillPath(ctx);
44. }
46. @end

复制代码

三、运行效果