CoreGraphics
问题一:CoreGraphics是什么?
它是一组轻量级绘图的API.使用了Quartz引擎。(是c语言的接口)。
问题二:主要作用?
可以对UIView及其子类做一个绘图的操作。由于是底层的东西,所以在性能上会有优势。
附:从这个角度看,使用layer的一些特性,也可以完成相似的效果。
问题三:与UIKit的关系?
问题四:使用方法?
一般在view的drawRect方法中,做相应的操作。
1.获取上下文环境
2.初始化需要的路径,并需要手动管理声明周期。
3.将绘制的东西加入画布中。
🌰:
-(void)drawRect:(CGRect)rect{
// 绘制椭圆
[self drawEllipse];
// 绘制三角
[self drawTriangle];
// 绘制矩形
[self drawRectangle];
// 绘制曲线
[self drawCurve];
// 绘制圆形
[self drawCircleAtX:120 Y:170];
[self drawCircleAtX:200 Y:170];
}
- (void)drawRectangle {
// 定义矩形的rect
CGRect rectangle = CGRectMake(100, 290, 120, 25);
// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 在当前路径下添加一个矩形路径
CGContextAddRect(ctx, rectangle);
// 设置试图的当前填充色
CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);
// 绘制当前路径区域
CGContextFillPath(ctx);
}
// 绘制椭圆
- (void)drawEllipse {
// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 定义其rect
CGRect rectangle = CGRectMake(10, 100, 300, 280);
// 在当前路径下添加一个椭圆路径
CGContextAddEllipseInRect(ctx, rectangle);
// 设置当前视图填充色
CGContextSetFillColorWithColor(ctx, [UIColor orangeColor].CGColor);
// 绘制当前路径区域
CGContextFillPath(ctx);
}
// 绘制三角形
- (void)drawTriangle {
// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 创建一个新的空图形路径。
CGContextBeginPath(ctx);
/**
* @brief 在指定点开始一个新的子路径 参数按顺序说明
*
* @param c 当前图形
* @param x 指定点的x坐标值
* @param y 指定点的y坐标值
*
*/
CGContextMoveToPoint(ctx, 160, 220);
/**
* @brief 在当前点追加直线段,参数说明与上面一样
*/
CGContextAddLineToPoint(ctx, 190, 260);
CGContextAddLineToPoint(ctx, 130, 260);
// 关闭并终止当前路径的子路径,并在当前点和子路径的起点之间追加一条线
CGContextClosePath(ctx);
// 设置当前视图填充色
CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);
// 绘制当前路径区域
CGContextFillPath(ctx);
}
// 绘制曲线
- (void)drawCurve {
// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 创建一个新的空图形路径。
CGContextBeginPath(ctx);
/**
* @brief 在指定点开始一个新的子路径 参数按顺序说明
*
* @param c 当前图形
* @param x 指定点的x坐标值
* @param y 指定点的y坐标值
*
*/
CGContextMoveToPoint(ctx, 160, 100);
/**
* @brief 在指定点追加二次贝塞尔曲线,通过控制点和结束点指定曲线。
* 关于曲线的点的控制见下图说明,图片来源苹果官方网站。参数按顺序说明
* @param c 当前图形
* @param cpx 曲线控制点的x坐标
* @param cpy 曲线控制点的y坐标
* @param x 指定点的x坐标值
* @param y 指定点的y坐标值
*
*/
CGContextAddQuadCurveToPoint(ctx, 160, 50, 190, 50);
// 设置图形的线宽
CGContextSetLineWidth(ctx, 20);
// 设置图形描边颜色
CGContextSetStrokeColorWithColor(ctx, [UIColor brownColor].CGColor);
// 根据当前路径,宽度及颜色绘制线
CGContextStrokePath(ctx);
}
//以指定中心点绘制圆弧
- (void)drawCircleAtX:(float)x Y:(float)y {
// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();
// 创建一个新的空图形路径。
CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);
/**
* @brief 在当前路径添加圆弧 参数按顺序说明
*
* @param c 当前图形
* @param x 圆弧的中心点坐标x
* @param y 曲线控制点的y坐标
* @param radius 指定点的x坐标值
* @param startAngle 弧的起点与正X轴的夹角,
* @param endAngle 弧的终点与正X轴的夹角
* @param clockwise 指定1创建一个顺时针的圆弧,或是指定0创建一个逆时针圆弧
*
*/
CGContextAddArc(ctx, x, y, 20, 0, 2 * M_PI, 1);
//绘制当前路径区域
CGContextFillPath(ctx);
}