UIImageView tintColor set, not applying color to image anyway

Question

I have a UIImageView in my app that displays a static image. The image is set as always template in the asset manager. Here is the inspector when capturing the interface during run-time:

It seems that the tintColor is being set, but it's not being applied (or something??). Here is the accessibility information from the same panel as above:

I attempted to fix it using this question, but it does not change the appearance. Here's the code I'm using (nested in layoutSubview):

// mode is always set to `.alwaysTemplate` and the below branch
// never executes.
let mode = promptImageView?.image?.renderingMode
if mode != .alwaysTemplate {
    if let image = promptImageView?.image {
        let newImage = image.withRenderingMode(.alwaysTemplate)
        promptImageView!.image = newImage
    }
}

Possible duplicate of [Using Tint color on UIImageView](https://stackoverflow.com/questions/22170688/using-tint-color-on-uiimageview) — El Tomato, Sep 11 '18 at 04:03
I've updated the question to respond to this post, which I had actually tried before. — Thomas Ring, Sep 11 '18 at 04:09
@HardikThakkar it is set in the following line in a property that sets multiple view's .tintColor property. — Thomas Ring, Sep 11 '18 at 19:44

Thomas Ring · Accepted Answer · 2018-09-11T19:49:45.803

It seems to be a bug between Interface Builder and the code. When setting the tintColor to the same color, more than once, it does not change to the target color at runtime. Here I've fixed it by changing the color in Interface Builder because .tintColor is set before the view appears.

Fixed by changing the color in the .xib file to a color other than the intended one. Here I've changed it from white to brown:

score 0 · Answer 2 · answered Sep 11 '18 at 04:40

0

Try this code and remove all other condition check if not required

imgBG.image = imgBG.image!.withRenderingMode(.alwaysTemplate)
imgBG.tintColor = UIColor.red

answered Sep 11 '18 at 04:40

Hardik Thakkar

15,269
2
94
81

score 0 · Answer 3 · answered Sep 11 '18 at 05:03

You should remove condition and generate image with instance & provide tint color what you want to set.

 if let image = promptImageView?.image {
    let newImage = image.withRenderingMode(.alwaysTemplate)
    promptImageView!.image = newImage
    self.promptImageView.tintColor = .red
}

score 0 · Answer 4 · edited Sep 11 '18 at 06:29

0

self.image!.withRenderingMode(UIImageRenderingMode.alwaysTemplate)
self.image.tintColor = UIColor.red

This reflection only shown on the output while run, when you capture the page static image only display

edited Sep 11 '18 at 06:29

Vicky_Vignesh

584
2
14

answered Sep 11 '18 at 05:08

Nandhini

564
4
8

score 0 · Answer 5 · answered Apr 17 '19 at 08:40

Use below code to set image tint color.

extension UIImage
{

    func tintWithColor(_ color:UIColor)->UIImage
    {

        UIGraphicsBeginImageContextWithOptions(self.size, false, UIScreen.main.scale);
        //UIGraphicsBeginImageContext(self.size)
        let context = UIGraphicsGetCurrentContext()

        // flip the image
        context?.scaleBy(x: 1.0, y: -1.0)
        context?.translateBy(x: 0.0, y: -self.size.height)

        // multiply blend mode
        context?.setBlendMode(.multiply)

        let rect = CGRect(x: 0, y: 0, width: self.size.width, height: self.size.height)
        context?.clip(to: rect, mask: self.cgImage!)
        color.setFill()
        context?.fill(rect)

        // create uiimage
        let newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        return newImage!

    }

}

Use it like:

imageView.image = UIImage(named: "image")?.tintWithColor(color)

UIImageView tintColor set, not applying color to image anyway

5 Answers5