将颜色应用于灰度图像，保留alpha值（iOS / Quartz）

Question

这可能非常简单，但我甚至不确定它叫什么 - 这使得谷歌搜索比平常有用。

我有一个带有alpha的灰度线条图，用于消除锯齿效果。 该图用作游戏中的玩家令牌。 目前，我已经创建了几个彩色变体（在Photoshop中）。 但我希望能够以编程方式为原始图像着色，同时保留alpha值。 我正在使用Quartz / Core Graphics，我怀疑可能会有某种混合方式可以达到预期的效果 - 但不确定哪种方式，甚至不确定方法是否合适。

Answer 1

试试这个。

ColorChangingImageView.h ：

#import <UIKit/UIKit.h>

@interface ColorChangingImageView : UIView
@property (strong, nonatomic) UIImage *image;
@property (strong, nonatomic) UIColor *colorToChangeInto;
@end

ColorChangingImageView.m ：

#import "ColorChangingImageView.h"

@implementation ColorChangingImageView

@synthesize image = _image;
@synthesize colorToChangeInto = _colorToChangeInto;

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

    CGContextScaleCTM(context, 1, -1);
    CGContextTranslateCTM(context, 0, -rect.size.height);

    CGImageRef maskImage = [self.image CGImage];
    CGContextClipToMask(context, rect, maskImage);

    [_colorToChangeInto setFill];
    CGContextFillRect(context, rect);

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

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

然后，使用它：

ColorChangingImageView *iv = [[ColorChangingImageView alloc] initWithFrame:rect];
[iv setBackgroundColor:[UIColor clearColor]]; // might not need this, not sure.
[iv setImage:[UIImage imageNamed:@"image.png"]];
[iv setColorToChangeInto:[UIColor blueColor]];

......或者无论如何，非常接近那个。 如果它适合您，请告诉我。

您还可以使用CGContextSetBlendMode()的第二个参数来获得稍微不同的效果。