关于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);

}

栗子来源:my.oschina.net/joanfen/blog/150411

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:canvas简介 1.1什么是canvas? ①:canvas是HTML5提供的一种新标签 ②:HTML5 ...
    GreenHand1阅读 10,215评论 2 32
  • 一、canvas简介 1.1 什么是canvas?(了解) 是HTML5提供的一种新标签 Canvas是一个矩形区...
    Looog阅读 9,377评论 3 40
  • 我来不及认真地年轻,待明白过来时,只能选择认真地老去
    黄虹阅读 1,081评论 0 0
  • 小雨名启钰,吾家之侄女。生于大地震,经历风和雨。今年方十岁,正读三年级。长在成都市,就读武侯区。 今朝放暑...
    李磊1026阅读 2,967评论 1 3
  • 让我落泪的《霍元甲》——影评今天是2017年的八月二十二日,星期二,下午的17点08分我于此时落下几许的泪花,强忍...
    李珏J阅读 3,899评论 0 1

友情链接更多精彩内容