正确使用MKOverlayView

Question

我正在编写一个 iPhone 应用程序，其中使用 MKOverlayView 将大 PNG 图像 (1936 × 2967) 放置在 MKMapView 上。我对如何在 MKOverlayView 中正确实现 drawMapRect: 函数有点困惑 - 我应该在绘制图像之前手动分割图像吗？或者我应该让 MKOverlayView 的机制来处理所有这些？

我对其他帖子的印象是，在 MKOverlayView 可用之前，您需要自己为此类任务分割图像，并使用 CATiledLayer。我想也许 MKOverlayView 处理了所有肮脏的工作。

我问的真正原因是，当我使用分配工具通过 Instruments 运行我的应用程序时，我发现随着地图上自定义图像的引入，我的应用程序使用的实时字节数稳步增加。现在我没有分割我的图像，但我在 Instruments 的泄漏工具中也没有看到内存泄漏的记录。这是我的drawMapRect:函数：

- (void)drawMapRect:(MKMapRect)mapRect zoomScale:(MKZoomScale)zoomScale inContext:(CGContextRef)context{
    // Load image from applicaiton bundle
    NSString* imageFileName = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:@"map.png"];
    CGDataProviderRef provider = CGDataProviderCreateWithFilename([imageFileName UTF8String]);
    CGImageRef image = CGImageCreateWithPNGDataProvider(provider, NULL, true, kCGRenderingIntentDefault);
    CGDataProviderRelease(provider);

    MKMapRect overlayMapRect = [self.overlay boundingMapRect];
    CGRect overlayRect = [self rectForMapRect:overlayMapRect];

    // draw image
    CGContextSaveGState(context);
    CGContextDrawImage(context, overlayRect, image);
    CGContextRestoreGState(context);

    CGImageRelease(image);

}

如果我的drawMapRect:函数不是这些内存问题的原因，有人知道它可能是什么吗？通过调试我知道我的 viewForOverlay: mapView 函数只会为每个覆盖调用一次，所以并不是内存泄漏或其他原因。

欢迎任何建议！

谢谢，-Matt

编辑：所以事实证明内存问题实际上是由 MKMapView 引起的 - 每次我移动地图时，内存使用量都会非常稳定地上升并且永远不会下降 - 这看起来不太好:(

Answer 1

答案有点晚了，如果将来其他人遇到同样的问题，请将其留在这里。这里的缺陷是试图渲染整个图像，而文档明确指出 -

此外，您应该避免每次调用此方法时都绘制覆盖层的全部内容。相反，请始终考虑 mapRect 参数并避免在该矩形之外绘制内容。

因此，您必须只在更新的mapRect定义的区域中绘制图像的一部分

：请记住，这里的drawRect可以大于mapRect，需要相应地调整绘制和剪切区域

let overlayMapRect = overlay.boundingMapRect
let overlayDrawRect = self.rect(for: overlayMapRect)

// watch out for draw rect adjustment here --
let drawRect = self.rect(for: mapRect).intersection(overlayDrawRect)
let scaleX = CGFloat(image.width) / overlayRect.width
let scaleY = CGFloat(image.height) / overlayRect.height
let transform = CGAffineTransform.init(scaleX: scaleX, y: scaleY)
let imageCut = drawRect.applying(transform)

// omitting optionals checks, you should not
let cutImage = image.cropping(to: imageCut)

// the usual vertical flip issue with image.draw
context.translateBy(x: 0, y: drawRect.maxY + drawRect.origin.y)
context.scaleBy(x: 1, y: -1)
context.draw(image, in: drawRect, byTiling: false)

Answer 2

这是基于 epolyakov 答案的 objc 版本。它工作得很好，但只是没有任何旋转。

- (void) drawMapRect:(MKMapRect)mapRect zoomScale:(MKZoomScale)zoomScale inContext:(CGContextRef)context
{
    CGImageRef overlayImage = <your_uiimage>.CGImage;

    CGRect overlayRect = [self rectForMapRect:[self.overlay boundingMapRect]];
    CGRect drawRect = [self rectForMapRect:mapRect];

    CGRect rectPortion = CGRectIntersection(overlayRect, drawRect);
    CGFloat scaleX = rotatedImage.size.width / overlayRect.size.width;
    CGFloat scaleY = rotatedImage.size.height / overlayRect.size.height;
    CGAffineTransform transform = CGAffineTransformMakeScale(scaleX, scaleY);
    CGRect imagePortion = CGRectApplyAffineTransform(rectPortion, transform);

    CGImageRef cutImage = CGImageCreateWithImageInRect(overlayImage, imagePortion);

    CGRect finalRect = rectPortion;

    CGContextTranslateCTM(context, 0, finalRect.origin.y + CGRectGetMaxY(finalRect));
    CGContextScaleCTM(context, 1.0, -1.0);

    CGContextSetAlpha(context, self.alpha);
    CGContextDrawImage(context, finalRect, cutImage);
}

如果您还需要管理图像的旋转，我发现了一个使用原始图像的旋转版本的技巧（这是因为地图渲染总是绘制垂直矩形，并且在此方法中旋转图像会剪切它）。
因此，使用原始图像的旋转版本可以按照地图的预期使用垂直矩形进行渲染

    UIImage* rotatedImage = [self rotatedImage:<your_uiimage> withAngle:<angle_of_image>];

    CGImageRef overlayImage = rotatedImage.CGImage;

，这就是在边界矩形中生成旋转图像的方法

- (UIImage*) rotatedImage:(UIImage*)image withAngle:(CGFloat)angle
{
    float radians = degreesToRadians(angle);

    CGAffineTransform xfrm = CGAffineTransformMakeRotation(radians);
    CGRect imageRect = CGRectMake(0, 0, image.size.width, image.size.height);
    CGRect rotatedImageBoundingRect = CGRectApplyAffineTransform (imageRect, xfrm);


    UIGraphicsBeginImageContext(rotatedImageBoundingRect.size);
    CGContextRef ctx = UIGraphicsGetCurrentContext();

    CGContextTranslateCTM (ctx, rotatedImageBoundingRect.size.width/2., rotatedImageBoundingRect.size.height/2.);
    CGContextScaleCTM(ctx, 1.0, -1.0);
    CGContextRotateCTM (ctx, radians);
    CGContextDrawImage (ctx, CGRectMake(-image.size.width / 2, -image.size.height / 2, image.size.width, image.size.height), image.CGImage);

    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return newImage;
}