Farbe auf Graustufenbild anwenden, Alpha-Werte beibehalten (iOS/Quartz)

Question

Das ist wahrscheinlich sehr einfach, aber ich bin mir nicht einmal sicher, was es heißt - was das Googeln ein bisschen weniger nützlich als gewöhnlich macht.

Ich habe eine Grauskala Strichzeichnung mit Alpha für Anti-Aliasing-Effekt. Diese Zeichnung wird als Spielertoken in einem Spiel verwendet. Zur Zeit habe ich ein paar kolorierte Varianten (in Photoshop) erstellt. Aber ich möchte in der Lage sein, das ursprüngliche Bild unter Beibehaltung der Alpha-Werte programmatisch einzufärben. Ich verwende Quartz/Core Graphics, und ich vermute, dass es eine Art Mischung gibt, die den gewünschten Effekt erzielen würde - aber nicht sicher, ob oder ob dies der richtige Ansatz ist.

Answer 1

Versuchen Sie es.

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); 
} 

Dann, es zu benutzen:

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]]; 

... oder wie auch immer, etwas sehr nah an th dabei. Lass es mich wissen, wenn es für dich klappt.

Sie können auch mit dem zweiten Parameter auf CGContextSetBlendMode() für etwas andere Effekte spielen.