核心图形上下文似乎没有返回图像

Question

我使用UICollectionViewCell尝试打印右上角的数字（从核心数据存储获得）以显示产品更新的数量。

随着细胞被再利用的方式，我发现如果使用代码绘制成UIView层（使用的CALayer）中，当该单元被重复使用，CALayer遗体并且通过错误的产品出现。显然，根据SO上的其他帖子，添加子视图到单元格不是一个聪明的事情，因为它们被重用等。

所以，我试图创建一个图像使用核心图形（在一个单独的方法）和将图像显示在容器UIImageView中。在教程之后，我似乎无法获得图像返回。

我正在做电话为：

cell.messageCount.image = [self messageImageInRect:CGRectMake(48.0, 1.0, 21.0, 21.0)]; 

的方法是：

-(UIImage *)messageImageInRect:(CGRect)rect { 

    UIGraphicsBeginImageContextWithOptions(rect.size, NO, 0); 
    CGContextRef context = UIGraphicsGetCurrentContext(); 

    NSLog(@"I am inside"); 
    NSLog(@"I have rect as: %@", NSStringFromCGRect(rect)); 
    NSLog(@"I have the size as: %@", NSStringFromCGSize(rect.size)); 
    NSLog(@"I have the context as: %@", context); 

    CGContextSetLineWidth(context, 2.0f); 
    CGContextAddEllipseInRect(context, rect); 
    CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor); 
    CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor); 
    CGContextFillPath(context); 
    CGContextStrokePath(context); 
    UIImage *testImage = UIGraphicsGetImageFromCurrentImageContext(); 
    UIGraphicsEndImageContext(); 

    return testImage; 

} 

这似乎是很基本的。

NSLog语句有助于试图弄清楚发生了什么。但是，根据日志，它似乎工作，但是，我没有图像被返回（或至少显示）。我不知道为什么。

日志显示：

2014-01-19 18:06:02.753 XXXXXXXX[62921:70b] I am inside 
2014-01-19 18:06:02.754 XXXXXXXX[62921:70b] I have rect as: {{48, 1}, {21, 21}} 
2014-01-19 18:06:02.754 XXXXXXXX[62921:70b] I have the size as: {21, 21} 
2014-01-19 18:06:02.754 XXXXXXXX[62921:70b] I have the context as: <CGContext 0x10f133640> 
2014-01-19 18:06:02.754 XXXXXXXX[62921:70b] I have test Image size as: {21, 21} 

随着messageCount被在UICollectionViewCell定义。

正如往常一样，这一直是约3小时我的时间，看完教程后教程和SO响应后SO响应和编程手册...

任何帮助，将不胜感激。

Answer 1

您正在绘制一个完全在上下文之外的椭圆，所以根本看不到任何东西。

更改此：

CGContextAddEllipseInRect(context, rect); 

到

CGContextAddEllipseInRect(context, CGMakeRect(0, 0, rect.size.width, rect.size.height)); 

注意，当您创建图像内容，你提供rect.size，但不rect.origin。因此，上下文无法知道您在rect.origin处绘制的内容应该进入上下文的左上角。这取决于你做到这一点。

这是另一种获得相同效果的方法。这更容易一些，因为你只需要调整矩形的原点一次;那么您可以使用rect尽可能多地绘制您想要的图像，而无需再次调整。

CGContextTranslateCTM(context, -rect.origin.x, -rect.origin.y); 
CGContextAddEllipseInRect(context, rect); 

还有一件事：你会发现你看到的是椭圆的填充，而不是中风。这是因为CGContextFillPath在绘制后清除上下文的当前路径。要同时填充和中风路径：

CGContextDrawPath(context, kCGPathFillStroke);