4

我正在创建自己的具有渐变背景的 UITableViewCells。我已经完成了所有的逻辑和绘图，但我想要修复的一件事是我的自定义单元格角落周围的“厚实”：

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

如果你放大角落，你可以看到我在说什么。这是我用来生成单元格的代码：

CGContextRef c = UIGraphicsGetCurrentContext();
CGColorSpaceRef myColorspace = CGColorSpaceCreateDeviceRGB();
CGGradientRef myGradient = nil;
CGFloat components[8] = TABLE_CELL_BACKGROUND;
CGContextSetStrokeColorWithColor(c, [[UAColor colorWithWhite:0.7 alpha:1] CGColor]);
CGContextSetLineWidth(c, 2);
CGContextSetAllowsAntialiasing(c, YES);
CGContextSetShouldAntialias(c, YES);
CGFloat minx = CGRectGetMinX(rect) , midx = CGRectGetMidX(rect), maxx = CGRectGetMaxX(rect) ;
CGFloat miny = CGRectGetMinY(rect) , maxy = CGRectGetMaxY(rect) ;

CGMutablePathRef path = CGPathCreateMutable();
CGPathMoveToPoint(path, NULL, minx, miny);
CGPathAddArcToPoint(path, NULL, minx, maxy, midx, maxy, kDefaultMargin);
CGPathAddArcToPoint(path, NULL, maxx, maxy, maxx, miny, kDefaultMargin);
CGPathAddLineToPoint(path, NULL, maxx, miny);
CGPathAddLineToPoint(path, NULL, minx, miny);
CGPathCloseSubpath(path);

// Fill and stroke the path
CGContextSaveGState(c);
CGContextAddPath(c, path);
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);  
CGContextAddPath(c, path);
CGContextStrokePath(c);

我可以做些什么来平滑边缘，同时在所有单元格中保持一致的边缘厚度？

4

2 回答 2

7

您的线宽设置为 2 点。发生的事情是您的代码在不了解线宽的情况下计算边界矩形。结果是，对于形状的每个直线段，只有一半的笔划宽度是可见的。在圆弧上，完整的笔划宽度是可见的。

这是我的应用程序 Funversation 中的相关代码段，用于绘制与您所拥有的圆角相似的扑克牌。

CGRect rect = [self bounds];
rect.size.width -= lineWidth;
rect.size.height -= lineWidth;
rect.origin.x += lineWidth / 2.0;
rect.origin.y += lineWidth / 2.0;

在计算 minx、midx、maxx 等之前添加它，并且形状的笔画应该是统一的。

于 2010-02-02T02:09:18.727 回答
1

使笔触保持一致的另一种方法是将 AddPath 和 StrokePath 调用移到 RestoreGState 调用之上——也就是说，在剪辑时进行笔触。

对于使用此解决方案的真正 2 pt 宽的笔划，只需将您置于图形状态的线宽加倍（即，将其设置为 4 pt），因为其中一半将被剪掉。

于 2010-02-02T02:56:44.827 回答