从情节提要/ xib文件修改UIImage renderingMode

是否有可能修改UIImage的renderingMode从故事板或XIB编辑器？

目标是应用于tintColor特定UIImageView对象。

您可以在.xib或情节提要文件中执行以下操作：

（OBJ-C）在上创建一个类别UIImageView：

@interface UIImageView (Utils)

- (void)setImageRenderingMode:(UIImageRenderingMode)renderMode;

@end

@implementation UIImageView (Utils)

- (void)setImageRenderingMode:(UIImageRenderingMode)renderMode
{
    NSAssert(self.image, @"Image must be set before setting rendering mode");
    self.image = [self.image imageWithRenderingMode:renderMode];
}

@end

（快速4）为UIImageView以下项创建扩展名：

extension UIImageView {
    func setImageRenderingMode(_ renderMode: UIImage.RenderingMode) {
        assert(image != nil, "Image must be set before setting rendering mode")
        // AlwaysOriginal as an example
        image = image?.withRenderingMode(.alwaysOriginal)
    }
}

然后在xib文件的Identity Inspector中，添加运行时属性：

您可以不在.xib文件中而是在.xcassets库中设置图像渲染模式。

将图像添加到资产库后，选择图像并打开Xcode右侧的属性检查器。找到属性“渲染为”并将其设置为“模板”。

设置图像的渲染模式后，可以UIImageView在.xib或.storyboard文件中向其添加色调颜色以调整图像颜色。

这会在图像的使用位置（而不是仅在一个界面生成器文件中）设置属性，但是在几乎所有情况下（我已经遇到），这都是您想要的行为。

注意事项：

• 图像颜色在界面生成器中似乎没有更改（从Xcode 6.1.1开始），但是在运行应用程序时可以使用。
• 我在使用此功能时遇到了一些麻烦，在某些情况下，我必须删除并重新添加UIImageView。我还没有深入研究。
• 这也对其他的伟大工程，UIKitComponents为图像，UIButton年代和UIBarButtonItem的。
• 如果您有一堆在资产库中不可见的白色图像，将它们设置为黑色/透明图像并更改渲染模式将使您的生活提高10倍。

在iOS 7和iOS 8上，在情节提要或xib中将模板渲染模式与UIImageView一起使用非常容易出错。

在iOS 7上

UIImage没有从情节提要/ xib正确解码。如果检查方法中的imageView.image.renderingMode属性，即使将其设置为xcassets文件中的“ 作为模板图像渲染”viewDidLoad，也会注意到它始终是。UIImageRenderingModeAutomatic

要解决此问题，您必须手动设置渲染模式：

self.imageView.image = [self.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

在iOS 8上

UIImage已正确解码，其renderingMode属性反映了在xcassets文件中选择的内容，但图像未着色。

要解决此问题，您有两种选择：

1. 设置tintColor在属性定义运行时用户属性而不是属性检查器窗格。

要么

2. 手动重置tintColor：

UIColor *tintColor = self.imageView.tintColor;
self.imageView.tintColor = nil;
self.imageView.tintColor = tintColor;

您可以选择自己喜欢的选项，都可以正确着色图像。

（如果您正在使用Xcode 6.2进行编译，则只需这样做self.imageView.tintColor = self.imageView.tintColor;就足够了，但是如果您正在使用Xcode 6.3进行编译，那么它将不再起作用）

结论

如果需要同时支持iOS 7和iOS 8，则需要两种解决方法。如果您只需要支持iOS 8，则只需一种解决方法。

可以将imageView RenderingMode设置为使用情节提要中的色调颜色可以简化为单一格式：

[self.imageView setImage:[self.imageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate]];

然后，可以在情节提要中设置图像和色调的颜色。

您可以使用扩展名解决.xib问题：

import UIKit

// fixing Bug in XCode
// http://openradar.appspot.com/18448072
extension UIImageView {
    override open func awakeFromNib() {
        super.awakeFromNib()
        self.tintColorDidChange()
    }
}

资料来源：https : //gist.github.com/buechner/3b97000a6570a2bfbc99c005cb010bac

令人惊讶的是，此错误已经存在了大约4-5年。

您renderingMode无法通过storyboard或进行设置xib。它可以通过编程方式访问。

例如：

UIImage *unSeletedImage = [UIImage imageNamed:@"UnSelected.png"];
selectedImage = [selectedImage imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

在情节提要中设置tintColor和Class。

//
//  TintColoredImageView.swift
//  TintColoredImageView
//
//  Created by Dmitry Utmanov on 14/07/16.
//  Copyright © 2016 Dmitry Utmanov. All rights reserved.
//

import UIKit

@IBDesignable class TintColoredImageView: UIImageView {

    override var image: UIImage? {
        didSet {
            let _tintColor = self.tintColor
            self.tintColor = nil
            self.tintColor = _tintColor
        }
    }


    override init(frame: CGRect) {
        super.init(frame: frame)
        initialize()
    }

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        initialize()
    }

    override init(image: UIImage?) {
        super.init(image: image)
        initialize()
    }

    override init(image: UIImage?, highlightedImage: UIImage?) {
        super.init(image: image, highlightedImage: highlightedImage)
        initialize()
    }

    func initialize() {
        let _tintColor = self.tintColor
        self.tintColor = nil
        self.tintColor = _tintColor
    }

}

修复起来很容易

只需创建类UIImageViewPDF并将其在情节提要中使用

IB_DESIGNABLE
@interface UIImageViewPDF : UIImageView

@end

@implementation UIImageViewPDF

- (void) didMoveToSuperview
{
    [super didMoveToSuperview];
    self.image = [self.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
    id color = self.tintColor;
    self.tintColor = color;
}

@end

另一个解决方案是创建一个UIImageView子类：

final class TemplateImageView: UIImageView {
    override func awakeFromNib() {
        super.awakeFromNib()
        guard let oldImage = image else { return }
        image = nil
        image = oldImage.withRenderingMode(.alwaysTemplate)
    }
}

然后只需将“接口生成器”中的类设置为即可TemplateImageView。

通过情节提要设置的简单方法：

@IBDesignable
public class CustomImageView: UIImageView {
    @IBInspectable var alwaysTemplate: Bool = false {
        didSet {
            if alwaysTemplate {
                self.image = self.image?.withRenderingMode(.alwaysTemplate)
            } else {
                self.image = self.image?.withRenderingMode(.alwaysOriginal)
            }

        }
    }
}

在iOS 10和Swift 3上正常运行

在iOS 9中，tintColor在Interface Builder中设置属性仍然存在问题。

请注意，除了编写直接修改ImageView属性的行以外，一种可行的解决方案是在资产目录中设置“渲染为：模板图像”，然后调用例如：

[[UIImageView appearanceWhenContainedInInstancesOfClasses:@[[MyView class]]] setTintColor:[UIColor whiteColor]];

我通过tintColor在界面生成器中添加运行时属性来解决此问题。

注意：您仍然需要将图像设置为在Images.xcassets文件中作为模板图像呈现。

如果创建IBOutlet，则可以像这样在awakeFromNib方法中对其进行更改...

self.myImageView.image = [self.myImageView.image imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];

虽然@Moby的答案更正确-这可能更简洁。

疯狂，此错误仍在iOS 12.1中！对于情节提要/ xib：将标签添加到UIImageView可以快速解决。

斯威夫特4.2

view.viewWithTag(1)?.tintColorDidChange()

extension UIImageView {

   @IBInspectable var renderModeTemplate : Bool {
       get{
           return image?.renderingMode == .alwaysTemplate
       }

       set{
          image = image?.withRenderingMode(newValue ? .alwaysTemplate:.alwaysOriginal)
       }
   }
}

在情节提要中选择UIImageView并选择检查器，设置属性renderModeTemplate= On 在情节提要中