Como eu tingiria uma imagem programaticamente no iOS?

Eu gostaria de colorir uma imagem com uma referência de cor. Os resultados devem ser semelhantes ao modo de mesclagem Multiply no Photoshop, onde os brancos seriam substituídos por matiz :

Eu estarei mudando o valor da cor continuamente.

Acompanhamento: Eu colocaria o código para fazer isso no método drawRect: do meu ImageView, certo?

Como sempre, um trecho de código ajudaria muito no meu entendimento, ao contrário de um link.

Atualização: Subclassificação de um UIImageView com o código sugerido por Ramin .

Eu coloquei isso em viewDidLoad: do meu controlador de visualização:

[self.lena setImage:[UIImage imageNamed:kImageName]];
[self.lena setOverlayColor:[UIColor blueColor]];
[super viewDidLoad];

Eu vejo a imagem, mas não está sendo tingida. Também tentei carregar outras imagens, definindo a imagem no IB e chamando setNeedsDisplay: no meu controlador de visualização.

Update : drawRect: não está sendo chamado.

Atualização final: encontrei um projeto antigo que tinha um imageView configurado corretamente para que eu pudesse testar o código do Ramin e funciona perfeitamente!

Atualização final, final:

Para aqueles que estão aprendendo sobre Core Graphics, aqui está a coisa mais simples que poderia funcionar.

Em seu UIView subclasse:

- (void)drawRect:(CGRect)rect {

    CGContextRef context = UIGraphicsGetCurrentContext();

    CGContextSetFillColor(context, CGColorGetComponents([UIColor colorWithRed:0.5 green:0.5 blue:0 alpha:1].CGColor)); // don't make color too saturated

    CGContextFillRect(context, rect); // draw base

    [[UIImage imageNamed:@"someImage.png"] drawInRect: rect blendMode:kCGBlendModeOverlay alpha:1.0]; // draw image
}

Primeiro, você deseja criar uma subclasse de UIImageView e substituir o método drawRect. Sua classe precisa de uma propriedade UIColor (vamos chamá-la de overlayColor) para conter a cor de mesclagem e um configurador personalizado que força um redesenho quando a cor muda. Algo assim:

- (void) setOverlayColor:(UIColor *)newColor {
   if (overlayColor)
     [overlayColor release];

   overlayColor = [newColor retain];
   [self setNeedsDisplay]; // fires off drawRect each time color changes
}

No método drawRect, você desejará desenhar a imagem primeiro e, em seguida, sobrepô-la com um retângulo preenchido com a cor desejada, juntamente com o modo de mesclagem adequado, algo como este:

- (void) drawRect:(CGRect)area
{
  CGContextRef context = UIGraphicsGetCurrentContext();
  CGContextSaveGState(context);

  // Draw picture first
  //
  CGContextDrawImage(context, self.frame, self.image.CGImage);

  // Blend mode could be any of CGBlendMode values. Now draw filled rectangle
  // over top of image.
  //
  CGContextSetBlendMode (context, kCGBlendModeMultiply);
  CGContextSetFillColor(context, CGColorGetComponents(self.overlayColor.CGColor));      
  CGContextFillRect (context, self.bounds);
  CGContextRestoreGState(context);
}

Normalmente, para otimizar o desenho, você restringiria o desenho real apenas à área passada para drawRect, mas como a imagem de fundo deve ser redesenhada cada vez que a cor muda, é provável que tudo precise ser atualizado.

Para usá-lo, crie uma instância do objeto e defina a imagepropriedade (herdada de UIImageView) para a imagem e overlayColorum valor UIColor (os níveis de mesclagem podem ser ajustados alterando o valor alfa da cor que você passa).

No iOS7, eles introduziram a propriedade tintColor em UIImageView e renderingMode em UIImage. Para colorir um UIImage no iOS7, tudo que você precisa fazer é:

UIImageView* imageView = …
UIImage* originalImage = …
UIImage* imageForRendering = [originalImage imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];
imageView.image = imageForRendering;
imageView.tintColor = [UIColor redColor]; // or any color you want to tint it with

Eu queria tingir uma imagem com alfa e criei a seguinte classe. Por favor, deixe-me saber se você encontrar algum problema com isso.

Eu nomeei minha classe CSTintedImageViewe ela herda de UIViewuma vez UIImageViewque não chama o drawRect:método, como mencionado nas respostas anteriores. Eu configurei um inicializador designado semelhante ao encontrado na UIImageViewclasse.

Uso:

CSTintedImageView * imageView = [[CSTintedImageView alloc] initWithImage:[UIImage imageNamed:@"image"]];
imageView.tintColor = [UIColor redColor];

CSTintedImageView.h

@interface CSTintedImageView : UIView

@property (strong, nonatomic) UIImage * image;
@property (strong, nonatomic) UIColor * tintColor;

- (id)initWithImage:(UIImage *)image;

@end

CSTintedImageView.m

#import "CSTintedImageView.h"

@implementation CSTintedImageView

@synthesize image=_image;
@synthesize tintColor=_tintColor;

- (id)initWithImage:(UIImage *)image
{
    self = [super initWithFrame:CGRectMake(0, 0, image.size.width, image.size.height)];

    if(self)
    {
        self.image = image;

        //set the view to opaque
        self.opaque = NO;
    }

    return self;
}

- (void)setTintColor:(UIColor *)color
{
    _tintColor = color;

    //update every time the tint color is set
    [self setNeedsDisplay];
}

- (void)drawRect:(CGRect)rect
{
    CGContextRef context = UIGraphicsGetCurrentContext();    

    //resolve CG/iOS coordinate mismatch
    CGContextScaleCTM(context, 1, -1);
    CGContextTranslateCTM(context, 0, -rect.size.height);

    //set the clipping area to the image
    CGContextClipToMask(context, rect, _image.CGImage);

    //set the fill color
    CGContextSetFillColor(context, CGColorGetComponents(_tintColor.CGColor));
    CGContextFillRect(context, rect);    

    //blend mode overlay
    CGContextSetBlendMode(context, kCGBlendModeOverlay);

    //draw the image
    CGContextDrawImage(context, rect, _image.CGImage);    
}

@end

Apenas um rápido esclarecimento (após algumas pesquisas sobre o assunto). O documento da Apple aqui afirma claramente que:

A UIImageViewclasse é otimizada para desenhar suas imagens para a exibição. UIImageViewnão chama o drawRect:método de suas subclasses. Se sua subclasse precisa incluir código de desenho personalizado, você deve criar uma subclasse da UIViewclasse.

então nem perca tempo tentando sobrescrever esse método em uma UIImageViewsubclasse. Em UIViewvez disso, comece com .

Isso pode ser muito útil: PhotoshopFramework é uma biblioteca poderosa para manipular imagens em Objective-C. Ele foi desenvolvido para trazer as mesmas funcionalidades que os usuários do Adobe Photoshop estão familiarizados. Exemplos: definir cores usando RGB 0-255, aplicar filtros de mistura, transformações ...

É código aberto, aqui está o link do projeto: https://sourceforge.net/projects/photoshopframew/

UIImage * image = mySourceImage;
UIColor * color = [UIColor yellowColor];  
UIGraphicsBeginImageContext(image.size);
[image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height) blendMode:kCGBlendModeNormal alpha:1];
UIBezierPath * path = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, image.size.width, image.size.height)];
[color setFill];
[path fillWithBlendMode:kCGBlendModeMultiply alpha:1]; //look up blending modes for your needs
UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
//use newImage for something

Aqui está outra maneira de implementar o tingimento de imagem, especialmente se você já estiver usando o QuartzCore para outra coisa. Esta foi a minha resposta para uma pergunta semelhante .

Importar QuartzCore:

#import <QuartzCore/QuartzCore.h>

Crie CALayer transparente e adicione-o como uma subcamada para a imagem que você deseja colorir:

CALayer *sublayer = [CALayer layer];
[sublayer setBackgroundColor:[UIColor whiteColor].CGColor];
[sublayer setOpacity:0.3];
[sublayer setFrame:toBeTintedImage.frame];
[toBeTintedImage.layer addSublayer:sublayer];

Adicione QuartzCore à lista de frameworks de seus projetos (se ainda não estiver lá), caso contrário, você obterá erros de compilador como este:

Undefined symbols for architecture i386: "_OBJC_CLASS_$_CALayer"

Para aqueles de vocês que tentam criar uma subclasse de uma classe UIImageView e ficam presos em "drawRect: não está sendo chamado", observe que você deve criar uma subclasse de uma classe UIView, porque para classes UIImageView, o método "drawRect:" não é chamado. Leia mais aqui: drawRect não sendo chamado em minha subclasse de UIImageView

A única coisa que posso pensar seria em criar uma visualização retangular quase transparente com a cor desejada e colocá-la sobre a visualização da imagem adicionando-a como uma subvisualização. Não tenho certeza se isso realmente tingirá a imagem da maneira que você imagina, porém, não tenho certeza de como você invadiria uma imagem e seletivamente substituir certas cores por outras ... parece muito ambicioso para mim.

Por exemplo:

UIImageView *yourPicture = (however you grab the image);
UIView *colorBlock = [[UIView alloc] initWithFrame:yourPicture.frame];
//Replace R G B and A with values from 0 - 1 based on your color and transparency
colorBlock.backgroundColor = [UIColor colorWithRed:R green:G blue:B alpha:A];
[yourPicture addSubView:colorBlock];

Documentação para UIColor:

colorWithRed:green:blue:alpha:

Creates and returns a color object using the specified opacity and RGB component values.

+ (UIColor *)colorWithRed:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpha:(CGFloat)alpha

Parameters

red    - The red component of the color object, specified as a value from 0.0 to 1.0.

green  - The green component of the color object, specified as a value from 0.0 to 1.0.

blue   - The blue component of the color object, specified as a value from 0.0 to 1.0.



alpha  - The opacity value of the color object, specified as a value from 0.0 to 1.0.

Return Value

The color object. The color information represented by this object is in the device RGB colorspace. 

Além disso, você pode querer considerar o armazenamento em cache da imagem composta para desempenho e apenas renderizá-la em drawRect :, em seguida, atualizá-la se um sinalizador sujo estiver realmente sujo. Embora você possa alterá-lo com frequência, pode haver casos em que os empates estão chegando e você não está sujo, então você pode simplesmente atualizar do cache. Se a memória é mais um problema do que o desempenho, você pode ignorar isso :)

Eu tenho uma biblioteca que abri para isso: ios-image-filters

Para Swift 2.0,

    let image: UIImage! = UIGraphicsGetImageFromCurrentImageContext()

    imgView.image = imgView.image!.imageWithRenderingMode(UIImageRenderingMode.AlwaysTemplate)

    imgView.tintColor = UIColor(red: 51/255.0, green: 51/255.0, blue: 

51/255.0, alpha: 1.0)

Fiz macros para este propósito:

#define removeTint(view) \
if ([((NSNumber *)[view.layer valueForKey:@"__hasTint"]) boolValue]) {\
for (CALayer *layer in [view.layer sublayers]) {\
if ([((NSNumber *)[layer valueForKey:@"__isTintLayer"]) boolValue]) {\
[layer removeFromSuperlayer];\
break;\
}\
}\
}

#define setTint(view, tintColor) \
{\
if ([((NSNumber *)[view.layer valueForKey:@"__hasTint"]) boolValue]) {\
removeTint(view);\
}\
[view.layer setValue:@(YES) forKey:@"__hasTint"];\
CALayer *tintLayer = [CALayer new];\
tintLayer.frame = view.bounds;\
tintLayer.backgroundColor = [tintColor CGColor];\
[tintLayer setValue:@(YES) forKey:@"__isTintLayer"];\
[view.layer addSublayer:tintLayer];\
}

Para usar, basta ligar:

setTint(yourView, yourUIColor);
//Note: include opacity of tint in your UIColor using the alpha channel (RGBA), e.g. [UIColor colorWithRed:0.5f green:0.0 blue:0.0 alpha:0.25f];

Ao remover a tinta, basta chamar:

removeTint(yourView);