1.1 Quartz 2D 绘图

本文并非最终版本,如有更新或更正会第一时间置顶,联系方式详见文末
如果觉得本文内容过长,请前往本人 “简书
 
Quartz2D 绘图主要步骤:

 
1. 获取【图形上下文】对象 —— (拿到草稿纸)
2. 向【图形上下文】对象中添加【路径】
 
2.1 拼接路径(画内容)
2.2 添加路径到上下文(把内容放在草稿纸上)
3. 渲染 ——(把【图形上下文】中的图形绘制到对应的设备上)(根据草稿纸上的内容显示出来东西)
 关键方法:
 // 获取上下文
CGContextRef ctx = UIGraphicsGetCurrentContext(); // 创建可变路径(c)
CGMutablePathRef path = CGPathCreateMutable(); // 把路径放在上下文当中
CGContextAddPath(ctx, path); // 创建路径对象(oc)
UIBezierPath* path = [UIBezierPath bezierPath]; // 渲染
CGContextStrokePath(ctx);
 
Quartz2D 绘图方式:

 
方式一:直接调用 Quartz2D 的 API 进行绘图
 
  • 代码量稍大
  • 功能全面
 
步骤:
1、获取绘图上下文
2、把图形绘制到绘图上下文上
3、把绘图上下文上的图形渲染到对应的设备上
方式二:调用 UIKit 框架封装好的 API 进行绘图(通过创建路径对象的方式来绘图)
 
  • 代码相对简单
  • 只对部分 Quartz2D 的 API 做了封装
  • 对于没有封装的功能只能调用 Quartz2D 原生 API
  • 相关类: CGPathRef 、 CGMutablePathRef
 
步骤:
1、先把图形缓存到"路径对象"中,
2、然后再把路径对象添加到上下文对象中
3、最后再把上下文对象渲染到对应的设备上
 
比如:画图片、文字到控件上。(UIKit 已经封装好了)
 
 
 
代码示例:

方法1:
 #import “TDView.h"

 @implementation TDView
- (void)drawRect:(CGRect)rect { // 1.获取,当前的layer类型的,图形上下文
CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.拼接路径,同时,把路径添加到上下文当中(下面代码是搞一条线段)
CGContextMoveToPoint(ctx, , );
CGContextAddLineToPoint(ctx, , ); // 3.渲染(绘制路径)<把 上下文中的 路径 移动到 UIView 上>
CGContextStrokePath(ctx); // StrokeXxxx 表示画线(边线)(空心图形)
CGContextFillPath(ctx); // FillXxx 表示画填充的图形(实心图形)
}
@end

方法2:

 - (void)test2
{
// 1.获取图形上下文(layer)
CGContextRef ctx = UIGraphicsGetCurrentContext(); // 2.拼接路径
CGMutablePathRef path = CGPathCreateMutable();
CGPathMoveToPoint(path, NULL, , );
CGPathAddLineToPoint(path, NULL, , ); // 3.把路径添加到上下文当中
CGContextAddPath(ctx, path); // 4.渲染
CGContextStrokePath(ctx);
}


如有疑问,请发送邮件至 shorfng@126.com 联系我。
 
By:蓝田(Loto)
 
上一篇:javaIO流实现读写txt文件


下一篇:Visual Studio2013(Update4)无法生成依赖项关系图解决方案