CGcontext 2D画图 demo

CGContext是iOS和macOS平台上的核心图形(Core Graphics)框架的一部分，用于2D绘图操作。这个"CGContext 2D画图 demo"是为初学者设计的，旨在教授如何利用CGContext进行基本的2D图形绘制。在这个教程中，我们将深入探讨CGContext的核心概念、方法以及如何使用它来实现虚线、贝塞尔曲线和画图片。 CGContext是一个图形上下文，它负责存储绘图的状态，如颜色、线条样式、字体等，并将这些绘图操作转化为屏幕上可见的图像。在iOS或macOS开发中，我们通常使用`UIGraphicsGetCurrentContext()`或`CGContextRef`来获取当前的CGContext。 **1. CGContext的基本操作：** - `CGContextSetFillColorWithColor(context, color)`：设置填充颜色。 - `CGContextSetStrokeColorWithColor(context, color)`：设置描边颜色。 - `CGContextFillRect(context, rect)`：用填充颜色填充矩形。 - `CGContextStrokeRect(context, rect)`：用描边颜色描绘矩形边缘。 **2. 虚线绘制：** 在CGContext中，可以通过设置线型模式来创建虚线。这涉及到`CGContextSetLineDash(context, phase, lengths, count)`方法，其中`phase`定义虚线的起始位置，`lengths`是一个包含虚线段长度数组，`count`是数组元素数量。例如，一个简单的虚线配置可能为`[3, 3]`，表示交替3个单位的实线和空格。 **3. 贝塞尔曲线：** CGContext支持贝塞尔曲线的绘制，包括直线、二次贝塞尔曲线和三次贝塞尔曲线。使用`CGContextMoveToPoint(context, x, y)`定义起点，`CGContextAddLineToPoint(context, x, y)`添加直线点，然后使用`CGContextAddQuadCurveToPoint(context, controlPoint1X, controlPoint1Y, endPointX, endPointY)`（二次贝塞尔）或`CGContextAddCurveToPoint(context, controlPoint1X, controlPoint1Y, controlPoint2X, controlPoint2Y, endPointX, endPointY)`（三次贝塞尔）来定义控制点和终点。 **4. 画图片：** 在CGContext中，我们可以使用`CGContextDrawImage(context, rect, image.CGImage)`来绘制UIImage对象。这里的`rect`是图片在画布上显示的区域，`image.CGImage`是从UIImage获取的Core Graphics图像对象。 在Quartz2DTest这个项目中，开发者可能创建了一个简单的UI，允许用户选择不同的绘图选项，如绘制虚线、贝塞尔曲线和图片，通过交互式地调用CGContext的相关方法来展示2D绘图功能。这个demo不仅有助于理解CGContext的工作原理，还可以作为实际应用的基础，比如自定义视图的绘图逻辑。 CGContext 2D画图是iOS和macOS开发中的基础技能，掌握它能让你在创建复杂的界面和图形时游刃有余。通过实践和研究"CGContext 2D画图 demo"，开发者可以深入了解这个强大的2D绘图工具，从而提升自己的编程能力。