将 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) 图标变为红色。

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

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

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

-(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;
}

基本上，我删除了annotationView 的image 属性，并使用正确着色的UIImageView 作为注释的subview。

变量命名有助于宣泄体验。

Answer 4

与@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 5

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

使用MKMarkerAnnotationView，它有一个属性markerTintColor。

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

以下是我如何使用它的 sn-p：

  // 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

这对我有用：

extension MKAnnotationView {

    public func set(image: UIImage, with color : UIColor) {
        let view = UIImageView(image: image.withRenderingMode(.alwaysTemplate))
        view.tintColor = color
        UIGraphicsBeginImageContextWithOptions(view.bounds.size, view.isOpaque, 0.0)
        guard let graphicsContext = UIGraphicsGetCurrentContext() else { return }
        view.layer.render(in: graphicsContext)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        self.image = image
    }
    
}

（基于@Marcio Fonseca 的回答）

Answer 7

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