将TintColor设置为MKAnnotationView图像

Question

我正在为iOS 7.0+编写一个应用程序，我想使用的新功能是：imageWithRenderingMode。我有一个使用此代码的地图注释：

-(MKAnnotationView*)annotationView {
    MKAnnotationView *annotationView = [[MKAnnotationView alloc] initWithAnnotation:self reuseIdentifier:@"AnnotationIdentifier"];
    annotationView.enabled = YES;
    annotationView.canShowCallout = YES;
    annotationView.image = [[UIImage imageNamed:@"star"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    annotationView.rightCalloutAccessoryView = [UIButton buttonWithType:UIButtonTypeDetailDisclosure];
    annotationView.tintColor = [UIColor redColor];
    return annotationView;
}

我原本以为我的针脚是红色的，但是保持黑色，只有标注（i）图标变成红色。

我试图在我的self.view.tintColor设置self.mapView.tintColor和ViewController，但这也不起作用。如何将此引脚变为红色？

Answer 1

有一个比那些不涉及创建UIImageView的提议更好的解决方案。

这个Swift代码将创建你的UIImage的彩色版本。

extension UIImage {

    func colorized(color : UIColor) -> UIImage {
        let rect = CGRectMake(0, 0, self.size.width, self.size.height);
        UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0);
        let context = UIGraphicsGetCurrentContext();
        CGContextSetBlendMode(context, .Multiply)
        CGContextDrawImage(context, rect, self.CGImage)
        CGContextClipToMask(context, rect, self.CGImage)
        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)
        let colorizedImage = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        return colorizedImage
    }
}

像这样称呼它：

UIImage(named: "myImage")!
    .imageWithRenderingMode(.AlwaysTemplate)
    .colorized(UIColor.red())

Answer 2

我可以通过capturing an UIView to UIImage完成这项工作：

UIImage *pin = [UIImage imageNamed:@"pin"];
UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, pin.size.width, pin.size.height)];
imageView.image = [pin imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
imageView.tintColor = [UIColor grayColor]; // set the desired color

// now the magic...
UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, imageView.opaque, 0.0);
[imageView.layer renderInContext:UIGraphicsGetCurrentContext()];
UIImage * img = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

annotationView.image = img;

Answer 3

和@ sandy-chapman一样，但在Swift 3中。我的图像被翻转，所以我再次将它们翻转。

extension UIImage {

  func colorized(color : UIColor) -> UIImage {

    let rect = CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height)

    UIGraphicsBeginImageContextWithOptions(rect.size, false, 0.0)
    if let context = UIGraphicsGetCurrentContext() {
        context.setBlendMode(.multiply)
        context.translateBy(x: 0, y: self.size.height)
        context.scaleBy(x: 1.0, y: -1.0)
        context.draw(self.cgImage!, in: rect)
        context.clip(to: rect, mask: self.cgImage!)
        context.setFillColor(color.cgColor)
        context.fill(rect)
    }

    let colorizedImage = UIGraphicsGetImageFromCurrentImageContext()

    UIGraphicsEndImageContext()
    return colorizedImage!

  }
}

Answer 4

多么令人沮丧。我解决了这个问题（没有其他属性配置）：

-(MKAnnotationView*)annotationView {
    MKAnnotationView *annotationView = [[MKAnnotationView alloc] initWithAnnotation: self reuseIdentifier: @"AnnotationIdentifier"];
    UIImage *image = [[UIImage imageNamed: @"star"] imageWithRenderingMode: UIImageRenderingModeAlwaysTemplate];
    UIImageView *screwYouApple = [[UIImageView alloc] initWithImage: image];
    screwYouApple.tintColor = [UIColor redColor];
    [annotationView addSubview: screwYouApple];
    return annotationView;
}

基本上，我吹掉了image的annotationView属性，并使用适当着色的UIImageView作为注释的subview。

变量命名有助于体验消解。

Answer 5

意识到我已经很晚了，但是我一直在寻找与你相同的东西，但发现这很有用。

使用MKMarkerAnnotationView，它具有markerTintColor属性。

您不会获得自定义图钉图像，但它看起来很像您在问题中的标记（请参阅我的附图）。

这是我如何使用它的片段：

  // Somewhere else 
  mapView.register(MKMarkerAnnotationView.self, forAnnotationViewWithReuseIdentifier: MKMarkerAnnotationView.self.description())  

  func mapView(_ mapView: MKMapView, viewFor annotation: MKAnnotation) -> MKAnnotationView? {
        guard let companyAnnotation = annotation as? CompanyAnnotation else { return nil }
        let view = MKMarkerAnnotationView(annotation: annotation, reuseIdentifier: MKMarkerAnnotationView.self.description())
        view.markerTintColor = .colorFor(category: companyAnnotation.company.category)
        return view
   }

Answer 6

使用tintColor似乎无法完成此任务。 MKAnnotationView不像UIImageView那样使用色调颜色进行图像渲染。您需要编写某种方法来自己绘制正确颜色的图像，或者提供具有所需颜色的图像。