将笔触应用于核心图形中的圆角矩形

Question

我有一个带有圆角的渐变，可用于自定义UITableViewCell背景。 我正在尝试对路径进行笔触，但无法完全执行，也看不到我要去哪里。

  CGFloat minx = CGRectGetMinX(rect) , midx = CGRectGetMidX(rect), maxx = CGRectGetMaxX(rect) ;
  CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;
  minx = minx + 1;
  miny = miny ;

  maxx = maxx - 1;
  maxy = maxy - 1;

  CGContextMoveToPoint(c, minx, miny);
  CGContextAddArcToPoint(c, minx, maxy, midx, maxy, kDefaultMargin);
  CGContextAddArcToPoint(c, maxx, maxy, maxx, miny, kDefaultMargin);
  CGContextAddLineToPoint(c, maxx, miny);
  CGContextAddLineToPoint(c, minx, miny);

  // Fill and stroke the path
  CGContextClip(c);
  CGContextStrokePath(c);  

  CGFloat locations[2] = { 0.0, 1.0 };
  CGFloat mycomponents[8] = TABLE_CELL_BACKGROUND;
  CGColorSpaceRef myColorspace = CGColorSpaceCreateDeviceRGB();
  CGGradientRef myGradient = CGGradientCreateWithColorComponents(myColorspace, mycomponents, locations, 2);
  CGContextDrawLinearGradient(c, myGradient, CGPointMake(minx,miny), CGPointMake(minx,maxy), 0);
  CGGradientRelease(myGradient);
  CGColorSpaceRelease(myColorspace);

此代码向右舍入矩形并应用渐变，但不对行进行描边。 我的错误在哪里？

替代文字http://grab.by/26Ye

编辑：根据subw的建议，我将代码更改为：

    CGContextRef c = UIGraphicsGetCurrentContext();
    CGColorSpaceRef myColorspace = CGColorSpaceCreateDeviceRGB();
    CGGradientRef myGradient = nil;
    CGFloat components[8] = TABLE_CELL_BACKGROUND;
    CGContextSetFillColorWithColor(c, [[UIColor redColor] CGColor]);
    CGContextSetStrokeColorWithColor(c, [[UAColor redColor] CGColor]);
    CGContextSetLineWidth(c, 2);

    CGFloat minx = CGRectGetMinX(rect) , midx = CGRectGetMidX(rect), maxx = CGRectGetMaxX(rect) ;
    CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;
    minx = minx + 1;
    miny = miny ;

    maxx = maxx - 1;
    maxy = maxy - 1;

    CGContextMoveToPoint(c, minx, miny);
    CGContextAddArcToPoint(c, minx, maxy, midx, maxy, kDefaultMargin);
    CGContextAddArcToPoint(c, maxx, maxy, maxx, miny, kDefaultMargin);
    CGContextAddLineToPoint(c, maxx, miny);
    CGContextAddLineToPoint(c, minx, miny);

    // Fill and stroke the path
    CGContextSaveGState(c);
    CGContextClip(c);

    CGFloat locations[2] = { 0.0, 1.0 };
    CGFloat mycomponents[8] = TABLE_CELL_BACKGROUND;
    CGColorSpaceRef myColorspace = CGColorSpaceCreateDeviceRGB();
    myGradient = CGGradientCreateWithColorComponents(myColorspace, mycomponents, locations, 2);
    CGContextDrawLinearGradient(c, myGradient, CGPointMake(minx,miny), CGPointMake(minx,maxy), 0);

    CGContextRestoreGState(c);
    CGContextStrokePath(c);

但是直肠像这样出来...

替代文字http://grab.by/2714

...无国界 如果我将CGContextStrokePath(c)更改为CGContextStrokeRect(c, rect) ，则会显示笔画（为澄清CGContextStrokePath(c)我将其设为红色）。 但是不知何故，当我沿着这条小路行走时，我没有任何中风:(

替代文字http://grab.by/27aM

Answer 1

响应您的修订代码，我引用了以下文档：

与当前路径不同，当前剪切路径是图形状态的一部分。 因此，要通过将剪切路径恢复到先前的状态来重新放大可绘制区域，必须在剪切之前保存图形状态，并在完成任何剪切的绘图后恢复图形状态。

确定新的剪切路径后，该函数会将上下文的当前路径重置为空路径。

— CGContextClip

因此，当前的绘制路径不是图形状态的一部分。 所以这是你在做什么：

1. 建立绘图路径
2. 保存gstate
3. 将当前绘图路径添加到剪切路径； 清除当前绘制路径
4. 绘制渐变
5. Restore gstate（还原先前的剪切路径；绘图路径保持为空）
6. 没中风

解决方案是将路径绘制到CGPath对象中，然后在剪切之前（保存gstate之后）和笔触之前将其添加为当前路径。

您还应该确定是将其设为外部笔划，内部笔划还是居中笔划。 对于居中笔画，笔画不被修剪。 对于内部笔划，在修剪时笔划。 对于外部笔划，请反转路径，然后剪切，然后笔划。 对于最后两种形式，您都希望将线宽加倍，因为您要剪掉一半的笔画。

如果我将CGContextStrokePath(c)更改为CGContextStrokeRect(c, rect) ，则会显示中风。

因为该函数会在笔触之前将矩形的路径添加到当前绘图路径。

Answer 2

不确定，但是也许您正在绘制笔画上的渐变？

Answer 3

您可以在笔划上绘制渐变，和/或剪切笔划的区域。

我认为以下方法可能会更好：

CGContextSaveGState(c);
CGContextClip(c);

//gradient drawing stuff

CGContextRestoreGState(c);
CGContextStrokePath(c);

当然，您还必须正确设置笔触的颜色和宽度。