当前位置：首页 > news >正文

Quartz2D之Path使用初步

news 2025/8/5 4:58:22

我们直接看以下代码：

//
//  MyQuartzView.m
//  QuartzTest
//
//  Created by zenny_chen on 12-2-21.
//  Copyright (c) 2012年 GreenGames Studio. All rights reserved.
//#import "MyQuartzView.h"// Quartz2D以及Core Animation所需要的头文件
#import <QuartzCore/QuartzCore.h>@implementation MyQuartzView- (id)initWithFrame:(CGRect)frame
{self = [super initWithFrame:frame];if (self) {// Initialization code}return self;
}// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{// Drawing code// 创建Quartz上下文CGContextRef context = UIGraphicsGetCurrentContext();// 填充矩形CGContextSetRGBFillColor(context, 0.6f, 0.6f, 0.6f, 1.0f);CGContextFillRect(context, CGRectMake(0.0f, 0.0f, 320.0f, 460.0f));// 创建一个Path句柄CGMutablePathRef pathRef = CGPathCreateMutable();// 初始化该path到一个初始点CGPathMoveToPoint(pathRef, &CGAffineTransformIdentity, 0.0f, 0.0f);// 添加一条直线，从初始点到该函数指定的坐标点CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 50.0f, 100.0f);// 关闭该pathCGPathCloseSubpath(pathRef);// 设置描边颜色CGContextSetRGBStrokeColor(context, 0.99f, 0.01f, 0.02f,1.0f);// 将此path添加到Quartz上下文中CGContextAddPath(context, pathRef);// 对上下文进行描边CGContextStrokePath(context);// 释放该pathCGPathRelease(pathRef);
}@end

Quartz2D 中对 Path 的绘制过程与 OpenVG 几乎一样。首先是创建 Path，然后是对 Path 做绘制描述，最后是绘制（Paint）Path。

以上要注意的是，创建完一个 Path 句柄后，必须调用一次 CGPathMoveToPoint 来初始化绘制的初始点。

在调用 CGPathMoveToPoint 后，它会终止当前的子 Path，并重新开启一个子 Path。而一个子 Path，其默认行为会构成一个封闭图形，比如以下代码：

// 创建一个Path句柄
CGMutablePathRef pathRef = CGPathCreateMutable();// 初始化该path到一个初始点
CGPathMoveToPoint(pathRef, &CGAffineTransformIdentity, 0.0f, 0.0f);// 添加一条直线，从初始点到该函数指定的坐标点
CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 50.0f, 100.0f);
CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 100.0f, 50.0f);// 关闭该path
CGPathCloseSubpath(pathRef);

添加了两条直线，但是最终绘制出来的是一个封闭的三角形。

如果我们要画两条均以 (0, 0) 为其中一个端点的线段的话，我们可以这么做：

// 创建一个Path句柄
CGMutablePathRef pathRef = CGPathCreateMutable();// 初始化该path到一个初始点
CGPathMoveToPoint(pathRef, &CGAffineTransformIdentity, 0.0f, 0.0f);// 添加一条直线，从初始点到该函数指定的坐标点
CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 50.0f, 100.0f);
CGPathMoveToPoint(pathRef, &CGAffineTransformIdentity, 0.0f, 0.0f);
CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 100.0f, 50.0f);// 关闭该path
CGPathCloseSubpath(pathRef);

如果我们要从 (0, 0) 到 (50, 100) 画一条线段，然后再要从 (50, 100) 到 (100, 50) 画一条线段的话，可以这么做：

CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 50.0f, 100.0f);
CGPathMoveToPoint(pathRef, &CGAffineTransformIdentity, 50.0f, 100.0f);
CGPathAddLineToPoint(pathRef, &CGAffineTransformIdentity, 100.0f, 50.0f);