如何制作像4sq应用程序的朋友地图一样的自定义图钉

Question

如何制作像foursquare好友地图这样的自定义图钉而不是地图上的图钉？

图片在这里，http://www .socialmedianews.com.au/wp-content/uploads/2010/07/foursquare-friends-map.png

Answer 1

- (MKAnnotationView *)mapView:(MKMapView *)mv viewForAnnotation:(id <MKAnnotation>)annotation      {
MKAnnotationView *pinView = (MKAnnotationView *)[mapView dequeueReusableAnnotationViewWithIdentifier:@"pinView"];

 if (!pinView) {
    pinView = [[[MKAnnotationView alloc] initWithAnnotation:annotation reuseIdentifier:@"pinView"] autorelease];
    pinView.image = [UIImage imageNamed:@"SPOON4.png"];
    pinView.frame = CGRectMake(-30, 0, 70, 67.5); 
    //pinView.animatesDrop = YES; can't animate with custom pin images
    pinView.canShowCallout = YES;


    UIButton *rightButton = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
    pinView.rightCalloutAccessoryView = rightButton;

} else {
    pinView.annotation = annotation;
}
if (annotation == mapView.userLocation){
    return nil; //default to blue dot
}
return pinView;
}

Answer 2

您需要使用自定义 MKAnnotationView。

您可以使用 MKAnnotationView 类
按原样或将其子类化以提供自定义
根据需要的行为。图像属性
类的允许您设置
注释视图的外观
无需直接子类化。你
还可以创建自定义子类作为
方便并使用它们来放置
处于已知状态的注释视图。为了
例如，MKPinAnnotationView
子类初始化内容
图钉图像的注释视图。

Answer 3

您想用带框的肖像替换自定义图钉。您可以使用 Quartz 绘制框架，或将框架添加为第二个透明图像。我会执行第二个操作，将以下内容添加到 MKAnnotationView：

- (id)initWithAnnotation:(id <MKAnnotation>)annotation 
         reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithAnnotation:annotation reuseIdentifier:reuseIdentifier];
    if (self != nil) {
        self.opaque = NO;
        self.frame = CGRectMake(0,0, self.portraitImage.size.width, self.portraitImage.size.height);
    }
    return self;
}

- (void)drawRect:(CGRect)rect {
        [self.frameImage drawInRect:CGRectMake(0, 0, frameImage.width, frameImage.height)];
        [self.portraitImage drawInRect:CGRectMake(0, 0, portraitImage.width, portraitImage.height)];
}