2010-02-02 56 views
4

我正在创建自己的具有渐变背景的UITableViewCells。我把所有的逻辑和图纸制定出来,但有一点我想解决的是“chunkiness”在我的自定义单元格的角落:平滑核心图形中的圆形笔划

alt text 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); 

我能做些什么平滑的边缘,同时保持所有细胞一致的边缘厚度?

回答

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; 

添加您的计算疯丫头,MIDX,MAXX等之前对你的形状笔画应该是统一的。

+1

这种方法比Peter的方法更流畅:http://grab.by/2836 – coneybeare 2010-02-02 03:11:10

+0

真是个好的答案。立即改善我的线条。谢谢! – typeoneerror 2011-08-09 02:53:11

1

使笔画保持一致的另一种方法是将AddPath和StrokePath调用移动到RestoreGState调用的上方 - 即剪切时的笔划。

对于使用此解决方案的真正2磅宽的笔划,只需将您在图形状态下放置的线宽加倍(即将其设置为4 pt),因为它的一半将被裁剪掉。

+0

这有效,但它不像Giao的方法http://grab.by/2832 – coneybeare 2010-02-02 03:10:37