背景

在 iOS6 中，我过去常常在 MKMapView 上添加几个 MKPolygon(叠加层)，并为 mapView:viewForOverlay: 提供特定的 MKOverlayView: > 回调(参见 MKMapViewDelegate Class Reference)。这个特定 View 的工作是使用 Quartz 2D 用自定义图案填充多边形。它确实工作正常。

现在，这似乎不再像我以前那样在 iOS7 上工作了。

因为 mapView:viewForOverlay: 在 iOS SDK7 以及 MKOverlayView 及其子类中被弃用，我尝试切换到 mapView:rendererForOverlay: 和子类化 MKOverlayRenderer 没有成功:遇到的问题都是一样的。

因此，以下示例代码将使用 MKOverlayView，但您可以在下面的代码中轻松地将 view/View 替换为 renderer/Renderer 并获得相同的效果。

遇到的问题

我已将问题减少到能够重现它的最小代码示例，结果如下:

在 iOS6 上(如预期的那样):

在 iOS7 上(与预期不同):

我希望我的多边形总是用相同的图案填充，并且图案的大小在屏幕上保持不变，与 map 的缩放级别无关。

唉，在 iOS7 上，当在 map 上添加多个叠加层时，在缩小多边形的某些部分时，屏幕上的图案大小会减小。只有在以最大缩放级别放大时，图案才会获得正确的尺寸。

问题没有出现:

• 仅添加一个叠加层时
• 当叠加层间距合适时
• 对于具有最低索引的叠加层(当使用 mapView:insertOverlay:atIndex: 添加多个叠加层时)

即使只添加了一个有图案的叠加层和其他无图案的叠加层，问题似乎也会发生。

代码示例

MTViewController.h

#import <UIKit/UIKit.h>
#import <MapKit/MapKit.h>

@interface MTViewController : UIViewController<MKMapViewDelegate>

@property (strong, nonatomic) IBOutlet MKMapView *mapView;    

@end

MTViewController.m

#import "MTViewController.h"
#import <MapKit/MapKit.h>
#import "MTPolygonWithPatternOverlayView.h"

@implementation MTViewController

- (void)dealloc {
    self.mapView.delegate = nil;
}

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil {
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        self.title = @"MapTest - CGPattern";
    }
    return self;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.mapView.delegate = self;

    // Add a 4 polygon overlays on the map
    int count = 0;
    float delta = 0.012;
    for (int i = 0; i < 4; i++) {
        CLLocationCoordinate2D coords[4];
        coords[0] = CLLocationCoordinate2DMake(58.395,15.555 + (i*delta));
        coords[1] = CLLocationCoordinate2DMake(58.390,15.560 + (i*delta));
        coords[2] = CLLocationCoordinate2DMake(58.385,15.555 + (i*delta));
        coords[3] = CLLocationCoordinate2DMake(58.390,15.550 + (i*delta));
        MKPolygon *overlay = [MKPolygon polygonWithCoordinates:coords count:4];
        [self.mapView insertOverlay:overlay atIndex:count++];
    }

    // Zoom to region containing polygons
    MKCoordinateRegion region = MKCoordinateRegionMake(CLLocationCoordinate2DMake(58.390,15.561), MKCoordinateSpanMake(0.015, 0.015));
    [self.mapView setRegion:[self.mapView regionThatFits:region] animated:NO];
}

- (MKOverlayView *)mapView:(MKMapView *)mapView viewForOverlay:(id<MKOverlay>)overlay {
    MKOverlayView *overlayView = nil;

    if ([overlay isKindOfClass:[MKPolygon class]]) {
        MTPolygonWithPatternOverlayView *polygonOverlayView = [[MTPolygonWithPatternOverlayView alloc] initWithPolygon:overlay];
        polygonOverlayView.alpha = 1.0f;
        polygonOverlayView.strokeColor = [UIColor blueColor];
        polygonOverlayView.lineWidth = 3.0f * [[UIScreen mainScreen] scale];
        overlayView = polygonOverlayView;
    }
    return overlayView;
}

@end

MTPolygonWithPatternOverlayView.h

#import <MapKit/MapKit.h>

@interface MTPolygonWithPatternOverlayView : MKPolygonView

@end

MTPolygonWithPatternOverlayView.m

#import "MTPolygonWithPatternOverlayView.h"

@implementation MTPolygonWithPatternOverlayView

void patternReleaseInfoCallback(void *info) {
}

void drawPatternCell(void *info, CGContextRef context) {
    float cellWidth = CGContextGetClipBoundingBox(context).size.width;
    float cellHeight = CGContextGetClipBoundingBox(context).size.height;

    // Make line width look constant on screen independently of map zoom level
    CGFloat lineWidth = [[UIScreen mainScreen] scale] * cellWidth / 64.0f;
    CGContextSetLineWidth(context, lineWidth);

    // Draw following pattern in cell:
    // \       /
    //  \     /
    //   \ _ /
    //    |_|
    //   /   \
    //  /     \
    // /       \

    // Draw diagonal
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    CGPoint points [] = {{0.0,0.0}, {cellWidth,cellHeight }, {cellWidth,0.0}, {0.0,cellHeight}};
    CGContextStrokeLineSegments(context, points, 4);

    // Draw middle square
    CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
    float partWidth = cellWidth / 8;
    CGRect middleSpot = CGRectMake(partWidth * 3, partWidth*3, 2* partWidth, 2*partWidth);
    CGContextFillRect(context, middleSpot);
}

- (void)fillPath:(CGPathRef)path inContext:(CGContextRef)context {
    CGPatternCallbacks callBack;
    callBack.drawPattern = &drawPatternCell;
    callBack.releaseInfo = &patternReleaseInfoCallback;
    callBack.version = 0;

    float cellWidth = CGContextGetClipBoundingBox(context).size.width / 4;
    CGPatternRef pattern = CGPatternCreate(NULL, CGRectMake(0.0f, 0.0f, cellWidth, cellWidth), CGAffineTransformIdentity, cellWidth, cellWidth, kCGPatternTilingConstantSpacing, true, &callBack);

    CGContextSaveGState(context);
    CGColorSpaceRef  patternSpace = CGColorSpaceCreatePattern (NULL);
    CGContextSetFillColorSpace (context, patternSpace);
    CGContextAddPath(context, path);
    float alpha = 1;
    CGContextSetFillPattern(context, pattern, &alpha);
    CGContextDrawPath(context, kCGPathFill);
    CGContextRestoreGState(context);

    CGColorSpaceRelease (patternSpace);
    CGPatternRelease(pattern);
}

@end

问题

我正准备将此作为 Apple 错误跟踪器上的错误进行报告，但我想先检查是否其他人在我使用 MapKit 和 Quartz 2D 时发现了错误。

编辑 #1: 我试图通过将 fillPath 的代码包装在公共(public)队列上的 dispatch_sync 调用中来使其线程安全但它不能解决问题。

编辑#2:在 iOS 7.0.3 中未修复

最佳答案

问题实际上是一个错误并从 iOS 7.1 解决

关于ios - 使用 CGPattern 填充 MKPolygon 时，多边形叠加相互干扰(使用 Quartz 2D)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19247927/