在 MKPinAnnotationView 后面添加图像

Question

我正在尝试在 MKPinAnnotationView 后面添加图像。似乎在这里执行此操作应该相当容易：

- (void)mapView:(MKMapView *)mapView didAddAnnotationViews:(NSArray *)views {
 for (MKAnnotationView *aView in views)
  [[aView superview] addSubview:imageView];
}

但我这样做时遇到的问题是引脚的子子视图将呈现在它的顶部而不是后面。

我也尝试过：

 for (MKAnnotationView *aView in views)
  [[aView superview] insertSubview:imageView atIndex:1];

这样做的问题是，虽然它位于图钉后面，但一旦重新定位地图，图像就会浮出屏幕。

有什么建议吗？谢谢

Answer 1

感谢您的输入，这基本上是我在没有子类化的情况下最终所做的事情：

- (MKAnnotationView *)mapView:(MKMapView *)mapView viewForAnnotation:(id )annotation {

    MKAnnotationView *annView = [[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:nil];

    UIImage *image = [UIImage imageNamed:@"image.png"];
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    [annView addSubview:imageView];
    [imageView release];

    MKPinAnnotationView *pinView = [[MKPinAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:nil];     
    [annView addSubview:pinView];
    [pinView release];

    return annView;
}

我只需要一个引脚，所以我将 reuseIdentifier 设置为 nil。

Answer 2

我对 MKAnnotatonView 进行了子类化，并重写了 initWithAnnotation:resueIdentifier 和 drawRect 方法，以在“正面”图像后面添加另一个图像。

看起来这就是 Apple 的 MKAnnotationView 类参考建议我们做的事情。

只是这很棘手。如果您要子类化 MKAnnotationView，则图像属性仍然存在。他们做了一些适当的事情，以便将其与绘画联系起来。也许，他们在初始化完成后重写了drawRect来绘制图像。

另外，如果您不设置 image 属性，则自定义 annotationView 的框架将设置为大小 0，并且不会调用 drawRect 方法。

最后，苹果表示图像应该完全填充，即使用透明颜色作为绘图的背景。

所以：在你的子类中：

- (id)initWithAnnotation:(id <MKAnnotation>)annotation reuseIdentifier:(NSString *)identifier
{
    self = [super initWithAnnotation:annotation reuseIdentifier:identifier];
    if (self) 
    {       
        UIButton *rightButton = [UIButton buttonWithType: UIButtonTypeDetailDisclosure];
        [rightButton addTarget:self 
                        action:@selector(myShowAnnotationAddress:) 
              forControlEvents:UIControlEventTouchUpInside];
        self.rightCalloutAccessoryView = rightButton;

        self.canShowCallout = YES; 
        self.multipleTouchEnabled = NO;

        self.frame = CGRectMake(0, 0, 65, 100);
        self.backgroundColor = [UIColor clearColor];        

        return self;
    }
    return nil;
}

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

    CGPoint drawPoint = CGPointMake(0.0f, 0.0f);

    UIImage *shadowImage = [UIImage imageNamed:@"shadow_image.png"];
    [shadowImage drawAtPoint:drawPoint];

    UIImage *frontImage = [UIImage imageNamed:@"front_image.png"];
        [frontImage drawAtPoint:drawPoint];

    CGContextRestoreGState(context);
}

在我做出答案之后，我意识到你实际上想在MKPinAnnotationView后面绘制。我的答案不是这样，尽管它显示了可能应该在哪里绘制。显然 MKPinAnnotions 有自己的绘制方法来呈现 Pin 及其阴影。

我认为您可能可以从 self.image 属性中检索 Pin 图像。至于阴影，我不确定......可能是使用OPEN GL绘图方法添加阴影，或者简单地组合阴影图像。

最后，图像带有动画。我猜这就是动画运行的地方。但在现阶段，我还没有进行测试。

Answer 3

创建一个新的复合注释视图，首先添加您的图像，然后添加实际的 MKAnnotationView：

@implementation MyCustomAnnotationView

- (void) viewDidLoad 
{   
    // First add the image to our subviews
    UIImageView *view = [[UIImageView alloc] initWithImage: myImageProperty];
    [self.view addSubview: view];
    [view release];

    // Then add the MKAnnotationView on top of it
    MKAnnotationView *annotation = [[MKAnnotationView alloc] init]; 
    [self.view addSubview: annotation]; 
    [annotation release];
}                        

@end