移动应用软件开发综合实训（基于iOS平台）-2017 Quart2D绘图 Quartz 2D 绘图基础.docx

Quartz 2D 绘图基础 Quartz 2D是一个二维绘图引擎。Quartz 2D的API是C语言，来自于CoreGraphics框架。 Quartz 2D以PDF的规范为基础的图形库，用来绘制二维文字和图形，允许相同的绘图指令在任何装置上，使用可以得到的最佳分辨率，产生相同的输出。这里介绍一下一些基本绘图操作。 一. 绘制直线? ? 代码如下（这些需要重写的drawRect方法中调用）： CGContextRef context = UIGraphicsGetCurrentContext();// 1. 获取一个与视图相关联的上下文 // 2. 构建路径 CGContextBeginPath(context); // 2.1 设置上下文路径起点 CGContextMoveToPoint(context, 50, 50); // 2.2 增加路径内容 CGContextAddLineToPoint(context, 150, 150); // 3. 保存当前上下文 CGContextSaveGState(context); // 4. 设置上下文状态 // 4.1 设置边线颜色 CGContextSetRGBStrokeColor(context, 1, 0, 0, 1); // 4.2 设置线宽 CGContextSetLineWidth(context, 10); // 4.4 设置线段连接样式 CGContextSetLineJoin(context, kCGLineJoinBevel); // 4.5 设置线段收尾样式 CGContextSetLineCap(context, kCGLineCapRound); // 5. 绘制路径 // 与上一行等效 CGContextStrokePath(context); // 6. 恢复上下文 CGContextRestoreGState(context); // 7. 再次绘制 CGContextSetRGBStrokeColor(context, 0, 0, 1, 1); CGContextMoveToPoint(context, 50, 200); CGContextAddLineToPoint(context, 200, 200); CGContextStrokePath(context); 二.画圆弧? 1.画不填充圆，效果如图? ? 代码如下： CGContextRef context = UIGraphicsGetCurrentContext(); [[UIColor redColor] set]; CGContextAddArc(context, 160, 230, 100, M_PI, -M_PI, 0); CGContextStrokePath(context); 2.画实心圆弧，效果如图? ? 代码如下： // 1. 获取一个与视图相关联的上下文 CGContextRef context = UIGraphicsGetCurrentContext(); // 设置颜色 [[UIColor greenColor]setFill]; // 2. 增加圆形的路径 CGContextAddEllipseInRect(context, CGRectMake(50, 50, 200, 200)); // 3. 画圆 CGContextFillPath(context); 三：绘制渐变? 效果如图：? 代码如下： // 定义渐变引用CGGradientRef CGGradientRef gradient; // 定义色彩空间引用 CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB(); //定义渐变颜色组件 //每四个数一组，分别对应r,g,b,透明度 CGFloat components[8] = {1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 1.0, 1.0}; //定义颜色渐变位置 // 第一个颜色开始渐变的位置 // 第二个颜色结束渐变的位置 CGFloat locations[2] = {1,0}; //创建颜色渐进 gradient = CGGradientCreateWithColorComponents(colorSpace, components, locations, 2); /