如何在iOS上以程序方式着色图像？

Question

我想为图像添加色彩参考。结果应该看起来像Photoshop中的“乘法”混合模式，其中白色将替换为“ 色调”：

我将不断更改颜色值。

后续：我会将代码执行此操作，并将其放入ImageView的drawRect：方法中，对吗？

像往常一样，与链接相反，代码片段将极大地帮助我理解。

更新：用建议的代码Ramin子类化UIImageView 。

我把它放在我的视图控制器的viewDidLoad：中：

[self.lena setImage:[UIImage imageNamed:kImageName]];

[self.lena setOverlayColor:[UIColor blueColor]];

[super viewDidLoad];

我看到了图像，但是没有着色。我还尝试加载其他图像，在IB中设置图像，然后在视图控制器中调用setNeedsDisplay:。

更新：未调用drawRect ：。

最终更新：我发现一个旧项目已正确设置了imageView，因此我可以测试Ramin的代码，并且它的工作原理很吸引人！

最终，最终更新：

对于那些刚刚了解Core Graphics的人来说，这是可能可行的最简单的方法。

在子类化的UIView中：

- (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

}

Answer 1

首先，您需要继承UIImageView并重写drawRect方法。您的类需要一个UIColor属性（我们将其称为overlayColor）来保存混合颜色，以及一个自定义设置器，当颜色更改时，该设置器将强制重绘。像这样：- (void) setOverlayColor:(UIColor *)newColor {   if (overlayColor)     [overlayColor release];   overlayColor = [newColor retain];   [self setNeedsDisplay]; // fires off drawRect each time color changes}在drawRect方法中，您将要先绘制图像，然后在其上覆盖一个填充有所需颜色的矩形以及适当的混合模式，如下所示：- (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);}通常，为了优化图形，您可以将实际图形限制为仅传递给drawRect的区域，但是由于每次更改颜色后都必须重新绘制背景图像，因此很有可能需要刷新整个图形。要使用它，请创建对象的实例，然后将image属性（从UIImageView继承）设置为图片和overlayColorUIColor值（可以通过更改向下传递的颜色的alpha值来调整混合级别）。

Answer 2

在iOS7中，他们在UIImageView上引入了tintColor属性，在UIImage上引入了renderingMode。要在iOS7上着色UIImage，您要做的就是：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

Answer 3

我想用alpha着色图像，并创建了以下课程。如果您发现任何问题，请告诉我。我已经命名了我的类，CSTintedImageView并且它继承UIView自类，因为UIImageView它没有调用该drawRect:方法，就像前面的答复中提到的那样。我已经设置了一个指定的初始化程序，该初始化程序类似于在UIImageView该类中找到的初始化程序。用法：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;@endCSTintedImageView.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