Question

我正在开发一个使用六边形网格布局的简单游戏。网格非常大（宽度和高度几千像素）。我需要能够在scrollView中滚动和缩放它，并且有很多单独的六边形。我在CoreGraphics中编写了绘图代码。六边形是在他们视图的drawRect:方法中绘制的。为每个六边形调用此绘图代码：

- (void)drawInContext:(CGContextRef)context colour:(UIColor *)colour size:(CGSize)size {
    CGFloat width = size.width;
    CGFloat height = size.height;

    CGFloat x = self.offset.x;
    CGFloat y = self.offset.y;

    CGContextMoveToPoint(context, (width/2)+x, y);
    CGContextAddLineToPoint(context, width+x, (height / 4)+y);
    CGContextAddLineToPoint(context, width+x, (height * 3 / 4)+y);
    CGContextAddLineToPoint(context, (width / 2)+x, height+y);
    CGContextAddLineToPoint(context, x, (height * 3 / 4)+y);
    CGContextAddLineToPoint(context, x, (height / 4)+y);
    CGContextClosePath(context);

    CGContextSetFillColorWithColor(context, colour.CGColor);
    CGContextSetStrokeColorWithColor(context, [[UIColor whiteColor] CGColor]);
    CGContextDrawPath(context, kCGPathFillStroke);

    NSString *text = [NSString stringWithFormat:@"I:%ld\nR:%ld\nC:%ld", self.creationIndex, self.row, self.column];
    [text drawAtPoint:CGPointMake(self.offset.x+20, self.offset.y+20) withAttributes:@{NSForegroundColorAttributeName: [UIColor blackColor], NSFontAttributeName: [UIFont systemFontOfSize:[UIFont systemFontSize]]}];
}

当需要更改时，我会在视图上调用setNeedsDisplay（如六角形更改颜色）。问题是这看起来非常低效。地图重绘需要大约半秒钟，这使得一切都感觉迟钝。

我尝试了以下内容：

计算scrollView的可见rect并仅绘制其中的一部分。这会在缩放到不同的矩形时出现问题，因为只绘制了目标矩形，导致在滚动的部分中显示黑色空间。
在六边形上设置一个标志，表示它们需要更新，并且只绘制已更改的六边形。这导致只有更改的六边形可见，因为drawRect:似乎在执行绘图操作之前将视图填充为黑色，而不是将前一个图像留在那里并在顶部绘制更改的六边形。
使用UIKit构建六边形网格。这太慢了，因为有数百个个人观点。

总而言之，我的问题是，是否有一种优化CoreGraphics绘图的方法，或者是否有一种更有效的替代绘图方式。

Answer 1

不需要对可见矩形进行计算，这是由UIScrollView完成的。

请参阅Scrollview Programming Guide

此外，来自class documentation：管理滚动视图中显示的内容绘制的对象应该平铺内容的子视图，以便没有视图超出屏幕大小。当用户在滚动视图中滚动时，此对象应根据需要添加和删除子视图。

有效地绘制一个大的可滚动区域

1 个答案: