NEW: Master Swift design patterns with my latest book! >>

How to recolor UIImages using template images and withRenderingMode()

Written by Paul Hudson    @twostraws

Template images are the iOS 7.0 way of tinting any kind of image when it's inside a UIImageView. This is usually used to mimic the tinting of button images (as seen in toolbars and tab bars) but it works anywhere you want to dynamically recolor an image.

To get started, load an image then call withRenderingMode() on it, like this:

if let myImage = UIImage(named: "myImage") {
    let tintableImage = myImage.withRenderingMode(.alwaysTemplate)
    imageView.image = tintableImage
}

The tint color of a UIImageView is the standard iOS 7 blue by default, but you can change it easily enough:

imageView.tintColor = UIColor.red

Available from iOS 7.0

Did this solution work for you? Please pass it on!

Other people are reading…

About the Swift Knowledge Base

This is part of the Swift Knowledge Base, a free, searchable collection of solutions for common iOS questions.

Get six books for only $150

The Swift Power Pack includes my first six books for one low price, helping you jumpstart a new career in iOS development – check it out!

Click here to visit the Hacking with Swift store >>