Quartz 2D的基本使用(第一讲:画直线)

一、Quartz 2D的基本使用分为三个步骤

1、获取上下文:类似开启一个绘图板
2、绘制图形:通过一些CGContext的描述告诉绘图板接下来将要绘制什么样的图形
3、渲染图形:将描述好的图形渲染到当前的视图,view的layer图层上。

二、代码示例

1、Quartz 2D图形的绘制一定要在drawRect:方法中实现
2、示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
//
//  SAView.m
//  Quartz2D
//
//  Created by 余西安 on 14/12/1.
//  Copyright (c) 2014年 Sian. All rights reserved.
//
 
#import "SAView.h"
 
@implementation SAView
 
-(void)drawRect:(CGRect)rect
{
    // 1、获取上下文(开启当前绘图板)
    CGContextRef ctx = UIGraphicsGetCurrentContext();
 
    // 2、绘制图形
    // 将“画笔”移动到点(100, 100)
    CGContextMoveToPoint(ctx, 100, 100);
    // (从当前点开始)添加线段到(100, 100)
    CGContextAddLineToPoint(ctx, 200, 200);
 
    // 3、渲染图像到当前View
    CGContextStrokePath(ctx);
}
 
@end


三、运行效果

iOS 模拟器屏幕快照“2014年12月1日 上午10.22.54”

Leave a Reply