渲染数百个“块”图像 -vs- 部分渲染“地图”块数

Question

似乎这些解决方案都没有消除与将图像渲染到屏幕上相关的延迟（无论是来自 .png 还是使用 CG）。

有一个 28x16 的块网格，每个块都有 16x16 像素，在游戏中的某些时刻，大约一半的块需要因为状态更改而更改其图像。当其中一半需要单独更改其图像（无论是来自 .png 或使用 CG）时，将每个块作为主视图的子视图会导致延迟。

我尝试使用一个“地图”视图，其 drawRect: 方法为：

CGContextRef context = UIGraphicsGetCurrentContext();
CGContextClearRect(context, rect);

// width and height are defined as the width and height of the grid (28x16 for iPhone)
for (int x = 0; x < width; x++) {
    for (int y = 0; y < height; y++) {
        // states[] is an enum instance variable that holds the states of each block in the map (state determines image)
        if (states[(x * height) + y] == PXBlockStateEmpty) {
            CGContextSetFillColorWithColor(context, [UIColor colorWithRed:153.0/255.0 green:153.0/255.0 blue:153.0/255.0 alpha:0.5].CGColor);
            CGContextSetStrokeColorWithColor(context, [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.5].CGColor);
            CGContextAddRect(context, CGRectMake(x * 16, y * 16, 16, 16));
            CGContextDrawPath(context, kCGPathFillStroke);
        } else if (states[(x * height) + y] == PXBlockStateSolid || states[(x * height) + y] == PXBlockStateSolidEdge) {
            CGContextSetFillColorWithColor(context, [UIColor colorWithRed:0.0 green:0.0 blue:102.0/255.0 alpha:0.9].CGColor);
            CGContextSetStrokeColorWithColor(context, [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.5].CGColor);
            CGContextAddRect(context, CGRectMake(x * 16, y * 16, 16, 16));
            CGContextDrawPath(context, kCGPathFillStroke);
        } else if (states[(x * height) + y] == PXBlockStateBuilding) {
            CGContextSetFillColorWithColor(context, [UIColor colorWithRed:51.0/255.0 green:51.0/255.0 blue:51.0/255.0 alpha:0.5].CGColor);
            CGContextFillRect(context, CGRectMake(x * 16, y * 16, 16, 16));
        }
    }
}

所以我的解决方案是在地图上调用 setNeedsDisplayInRect: ，传递状态发生变化的块的框架（16x16 矩形）。我是否错误地使用了 setNeedsDisplayInRect: ，或者这只是一种低效的方法？

当棋盘上的很多地方都充满了不同的图像时，这两种选项（一个子视图与数百个子视图）都会使游戏滞后一点，并且每当任何块的图像需要更新时，第二个解决方案都会特别滞后。

有什么想法吗？感谢您的帮助！

Answer 1

调用 setNeedsDisplayInRect: 会影响 drawRect: 的参数，但在其他方面与 setneedsDisplay 相同。绘制矩形：接收的矩形是所有脏矩形的并集。如果您只绘制与该矩形相交的内容，而保持其他内容不变，您可能会看到速度的提高。从上面的代码片段来看，您每次都会绘制每个图块。由于它是一个联合体，您也可以单独跟踪脏瓷砖并只绘制脏瓷砖。在这种情况下，请为各个图块调用 CGContextClearRect，而不是清除整个上下文，除非它们都脏了。

CGContextAddRect 将一个矩形添加到将要绘制的路径中。由于您在每次循环时绘制路径而无需开始新路径，因此您可以在循环进行时重新绘制区域。使用 CGContextFillRect 和 CGContextStrokeRect 而不是路径可能会更快。

使每个图块成为单独的 UIView 比绘制整个图块会产生更多的开销。一旦解决了问题，您应该能够通过此方法获得更好的速度。