1

我有一个带有圆角的渐变，用于自定义 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);

但是矩形是这样出来的……</p>

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

...没有边界。如果我将 更改CGContextStrokePath(c)为CGContextStrokeRect(c, rect)，笔画就会出现（我将其设为红色以进行澄清）。但不知何故，在抚摸路径时，我没有中风:(

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

4

3 回答 3

5

针对您修改后的代码，我引用了文档：

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

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

—<a href="http://developer.apple.com/iphone/library/documentation/GraphicsImaging/Reference/CGContext/Reference/reference.html#//apple_ref/c/func/CGContextClip" rel="noreferrer"> CGContextClip

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

  1. 构建绘图路径
  2. 保存 gstate
  3. 将当前绘制路径添加到剪切路径；清除当前绘图路径
  4. 绘制渐变
  5. 恢复gstate（恢复之前的剪切路径；绘图路径保持为空）
  6. 无中风

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

您还应该决定是否希望这是外部笔划、内部笔划或居中笔划。对于居中的笔划，在未剪裁的情况下进行笔划。对于内部笔划，在剪裁时进行笔划。对于外部描边，反转路径，然后剪辑，然后描边。您需要将最后两种形式的线宽加倍，因为您将剪掉一半的笔划。

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

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

于 2010-02-01T20:14:18.857 回答
0

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

于 2010-02-01T14:21:53.797 回答
0

您要么在笔划上绘制渐变，和/或剪裁您笔划的区域。

我认为以下可能会更好：

CGContextSaveGState(c);
CGContextClip(c);

//gradient drawing stuff

CGContextRestoreGState(c);
CGContextStrokePath(c);

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

于 2010-02-01T14:27:39.037 回答