CATiledLayer、CGContextDrawImage 和 CGContextTranslateCTM

Question

我有一个很大的 UIScrollView ，其中包含一个 CATiledLayer ，我用它来在 drawRect: 中绘制更大的图块，如下所示

- (void)drawRect:(CGRect)rect {
    int firstCol = floorf(CGRectGetMinX(rect) / tileSize);
    int lastCol = floorf((CGRectGetMaxX(rect)-1) / tileSize);
    int firstRow = floorf(CGRectGetMinY(rect) / tileSize);
    int lastRow = floorf((CGRectGetMaxY(rect)-1) / tileSize);

    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    CGContextTranslateCTM(context, 0, tileSize);
CGContextScaleCTM(context, 1.0, -1.0);

    for( int row = firstRow; row <= lastRow; row++ ) {
    for( int col = firstCol; col <= lastCol; col++ ) {
            UIImage = [self getTileWithRow:row column:col];

            CGRect tileRect = CGRectMake((col * tileSize), 
                                         row * tileSize),
                                         tileSize, tileSize);

            CGContextTranslateCTM(context, 0, tileRect.size.height);
            CGContextScaleCTM(context, 1.0, -1.0);
            CGContextDrawImage(context, tileRect, tile.CGImage);
        }
    }

    CGContextRestoreGState(context);
}

：当我注释掉 CGContextSaveGState、CGContextSaveGState、CGContextScaleCTM 和 CGContextRestoreGState 调用但图像向上时 向下。调用到位后，根本不会绘制图像。我可以使用 [tile drawInRect:] 但这会反向绘制行，从而搞乱了较大的图像。

我的翻译做错了什么？

编辑：按照建议将保存/恢复和转换移出循环，但它仍然没有绘制任何内容。

Answer 1

设置正确的转换来垂直翻转内容是出了名的困难。看不到任何东西的可能原因是变换将图像移到了矩形之外。我以前曾经成功过，但不记得我是怎么做到的。现在我在 CATiledLayer 上设置“geometryFlipped = YES”，它为我执行翻转。

顺便说一句，为什么不将 CATiledLayer 的“tileSize”设置为图块的大小，那么您就不需要这个 for 循环图块映射内容了。每个图块都会调用一次drawRect，因此您可以简单地执行以下操作：

- (void)drawRect:(CGRect)rect 
{
    CGContextRef context = UIGraphicsGetCurrentContext();

    int col = floorf(CGRectGetMinX(rect) / tileSize);
    int row = floorf(CGRectGetMinY(rect) / tileSize);

    UIImage tile = [self getTileWithRow:row column:col];

    CGContextDrawImage(context, rect, tile.CGImage);
}

Answer 2

首先，将所有 CGContextSaveGState / CGContextRestoreGState 移出这些循环，因为这些循环会增加实现所需的工作量。

其次，添加 CGContextRef context = UIGraphicsGetCurrentContext(); 作为该 drawRect 方法的第一行。

所以你的实现应该看起来更好，如下所示：

- (void)drawRect:(CGRect)rect 
{
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSaveGState(context);
    CGContextTranslateCTM(context, 0, rect.size.height);
    CGContextScaleCTM(context, 1.0, -1.0);

    int firstCol = floorf(CGRectGetMinX(rect) / tileSize);
    int lastCol = floorf((CGRectGetMaxX(rect)-1) / tileSize);
    int firstRow = floorf(CGRectGetMinY(rect) / tileSize);
    int lastRow = floorf((CGRectGetMaxY(rect)-1) / tileSize);

    for( int row = firstRow; row <= lastRow; row++ ) 
    {
        for( int col = firstCol; col <= lastCol; col++ ) 
        {
            UIImage = [self getTileWithRow:row column:col];

            CGRect tileRect = CGRectMake((col * tileSize), 
                                         row * tileSize),
                                         tileSize, tileSize);

            CGContextDrawImage(context, tileRect, tile.CGImage);
        }
    }
    CGContextRestoreGState(context);
}