web-dev-qa-db-fra.com

Comment appliquer une teinteColor à une UIImage?

J'ai un UIImage qui est un petit symbole entièrement noir. Le UIImage est défini dans une sous-classe personnalisée UIButton que j'ai. Est-il possible d'avoir l'image pour y appliquer le tintColor, donc au lieu de l'image noire, elle change les couleurs pour ce que tintColor est?

J'essaie simplement d'éviter de créer de nouveaux actifs.

// here I want defaultImageName (that is black) to use the tintColor (that is white)
[self setImage:[UIImage imageNamed:defaultImageName] forState:UIControlStateNormal];
51
aahrens

Si vous ne supportez que iOS 7, vous pouvez utiliser tintColor et UIImageRenderingModeAlwaysTemplate

Cet article couvre que:

https://www.captechconsulting.com/blogs/ios-7-tutorial-series-tint-color-and-easy-app-theming

Si vous devez prendre en charge une version antérieure, vous pouvez envisager ce fil.

Comment pourrais-je teinter une image par programme sur l'iPhone?

70
madmik3

Swift 4, solution copier-coller

@IBOutlet weak var iconImageView: UIImageView!
iconImageView.image = UIImage(imageLiteralResourceName: "myImageName").withRenderingMode(.alwaysTemplate)
iconImageView.tintColor = UIColor.red
7
zgorawski

Voici comment j'utilise les couleurs et les opacités de teinte dans IOS 9 avec Swift -

//apply a color to an image
//ref - http://stackoverflow.com/questions/28427935/how-can-i-change-image-tintcolor
//ref - https://www.captechconsulting.com/blogs/ios-7-tutorial-series-tint-color-and-easy-app-theming
func getTintedImage() -> UIImageView {

    var image :UIImage
    var imageView :UIImageView

    image = UIImage(named: "someAsset")!
    let size  : CGSize = image.size
    let frame : CGRect = CGRectMake((UIScreen.mainScreen().bounds.width-86)/2, 600, size.width, size.height)

    let redCover : UIView = UIView(frame: frame)

    redCover.backgroundColor = UIColor.redColor()
    redCover.layer.opacity = 0.75

    imageView = UIImageView();
    imageView.image = image.imageWithRenderingMode(UIImageRenderingMode.Automatic)

    imageView.addSubview(redCover)

    return imageView
}
2
J-Dizzle