使用CGContext画线

Question

我想使用 CGContext 画一条线，到目前为止我所拥有的是：

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetStrokeColorWithColor(context, [UIColor blackColor].CGColor);
CGContextSetLineWidth(context, 1.0f);
CGContextMoveToPoint(context, 10, 10); 
CGContextAddLineToPoint(context, 100, 50);
CGContextStrokePath(context);

它总是从左上角绘制到右上下角。如何调整这条线的起点和终点？如何调整线的长度？

Answer 1

CoreGraphics == 美好时光。

我已经有一段时间没有徒手做任何事情了，这些天我所做的就是在绘图操作之前构建一切。请记住，从 Logo 时代起，就有一个隐式“光标”，并且您可以移动它而不使移动成为绘图操作，但您必须指定它。我认为一个好的方法（至少对于静态图形）是创建那些必须首先绘制的路径，然后一遍又一遍地使用该路径来进行填充、描边、着色等操作。

   CGColorRef fillColor = // yadda
   CGColorRef strokeColor = // yadda

   const CGFloat radius = 5.0;

   // Create the path first - rounded rectangle
   CGMutablePathRef path = CGPathCreateMutable();
   CGPathMoveToPoint(path, NULL, 100.0 - radius, 10.0);
   CGPathAddLineToPoint(path, NULL, 10.0 + radius, 10.0);
   CGPathAddArcToPoint(path, NULL, 10.0, 10.0, 10.0, 10.0 + radius, radius);
   CGPathAddLineToPoint(path, NULL, 10.0, 100.0 - radius);
   CGPathAddArcToPoint(path, NULL, 10.0, 100.0, 10.0 + radius, 100.0, radius);
   CGPathAddLineToPoint(path, NULL, 100.0 - radius, 100.0);
   CGPathAddArcToPoint(path, NULL, 100.0, 100.0, 100.0, 100.0 - radius, radius);
   CGPathAddLineToPoint(path, NULL, 100.0, 10.0 + radius);
   CGPathAddArcToPoint(path, NULL, 100.0, 10.0, 100.0 - radius, 10.0, radius);
   CGPathCloseSubpath(path);

   // Then use it in your draw commands
   CGContextSetStrokeColor(context, CGColorGetComponents(strokeColor));
   CGContextSetFillColor(context, CGColorGetComponents(fillColor));
   CGContextSetLineJoin(context, kCGLineJoinMiter);
   CGContextSetLineWidth(context, strokeWidth);

   CGContextAddPath(context, path);
   CGContextDrawPath(context, kCGPathFillStroke);
   CGPathRelease(path); 

等等。如果需要，您可以在最后释放路径，或者保留引用以供以后使用。

Answer 2

这两条线负责起点和终点：

CGContextMoveToPoint(context, 10, 10);    // This sets up the start point
CGContextAddLineToPoint(context, 100, 50); // This moves to the end point.

通过调整这两个 x、y 点，您可以调整线。线的长度取决于起点和终点。

继 psoft 的回答之后 - 这是一个基本的绘图示例项目，包括创建路径并抚摸它。

Quartz 2D 指南中的更多示例代码对此进行了更详细的解释 路径。