在Retina显示屏上的CGContextRef上绘画

时间:2013-07-14 08:44:12

标签: ios cocoa retina-display

在我的应用程序中,我有一个主视图(带有UIGraphicsGetCurrentContext())和其他几个CGContextRef画布。所有这些都是相同的大小,屏幕的大小 - 没有比例因子。

我在辅助画布上画画,最后在辅助画布上使用CGBitmapContextCreateImage,在主画布上使用CGContextDrawImage。

在视网膜显示器上,结果很差,并且所有线条都看起来像素化。 我该如何处理视网膜显示器上的绘画?

以下是我用于在主要上下文中绘制上下文的代码:

void CocoaGraphicsContext::drawContext(GraphicsContext* context, double x, double y, Box* cropBox, Matrix3D* matrix)
{
    CGAffineTransform matInverted;

    if (matrix != NULL)
    {
        CGAffineTransform transMat = CGAffineTransformMake(matrix->vx1, matrix->vy1, matrix->vx2, matrix->vy2, matrix->tx, matrix->ty);
        matInverted = CGAffineTransformInvert(transMat);

        CGContextConcatCTM(_cgContext, transMat);
    }

    CGImageRef cgImage = CGBitmapContextCreateImage(((CocoaGraphicsContext*)context)->cgContext());

    CGContextSaveGState(_cgContext);
    CGContextSetInterpolationQuality(_cgContext, kCGInterpolationNone);

    bool shouldCrop = ((cropBox != NULL) && (cropBox->valid()));

    if (shouldCrop)
    {
        CGContextClipToRect(_cgContext, CGRectMake(cropBox->x(), cropBox->y(), cropBox->width(), cropBox->height()));
    }

    CGContextDrawImage(_cgContext, CGRectMake(x, y, context->width(), context->height()), cgImage);

    CGContextRestoreGState(_cgContext);

    CGImageRelease(cgImage);

    if (matrix != NULL)
    {
        CGContextConcatCTM(_cgContext, matInverted);
    }
}

使用来自UIView类的UIGraphicsGetCurrentContext()来获取主要上下文

----编辑--- 初始化代码:

void CocoaBitmapContext::init(double width, double height, unsigned int* data)
{
    int bytesPerRow = width * 2  * VT_BITMAP_BYTES_PER_PIXEL;

    if (data == NULL)
    {
        _dataOwner = true;
        _data = (unsigned int*)malloc(bytesPerRow * height * 2);
    }
    else
    {
        _dataOwner = false;
        _data = data;
    }

    CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();

    _cgContext = CGBitmapContextCreate(_data,
                                       width * 2,
                                       height * 2,
                                       VT_BITMAP_BITS_PER_COMPONENT,
                                       bytesPerRow,
                                       colorSpace,
                                       kCGImageAlphaPremultipliedFirst | kCGBitmapByteOrder32Little);

    CGContextConcatCTM(_cgContext, CGAffineTransformMakeScale([UIScreen mainScreen].scale, [UIScreen mainScreen].scale));

    CGContextSetShouldAntialias(_cgContext, false);
    CGContextSetRGBStrokeColor(_cgContext, 0.0, 0.0, 0.0, 0.0);

    CGColorSpaceRelease(colorSpace);
}

1 个答案:

答案 0 :(得分:4)

位图大小以像素为单位指定,其中屏幕上的大小以磅为单位。您可以使用[UIScreen mainScreen].scale获取屏幕的比​​例因子。这就是一个点中有多少像素。对于具有视网膜显示器的设备,此值将为2.您需要按该因子缩放画布的大小。您还应该在创建上下文后立即连接缩放变换。绘制图像时,仍应使用屏幕边界作为目标矩形(缩放变换负责缩放)。

CGSize canvasSize = [UIScreen mainScreen].bounds.size;
CGFloat scale = [UIScreen mainScreen].scale;
canvasSize.width *= scale;
canvasSize.height *= scale;

UIGraphicsBeginImageContext(canvasSize);
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextConcatCTM(context, CGAffineTransformMakeScale(scale, scale));
...
UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

如果您要在图片视图中显示它,图片视图应填满整个屏幕,contentMode应为UIViewContentModeScaleToFill