Colorare un NSImage in scala di grigi (o CIImage)
-
06-07-2019 - |
Domanda
Ho un'immagine in scala di grigi che voglio usare per disegnare i controlli Cocoa. L'immagine ha vari livelli di grigio. Dove è più scuro, voglio che disegna un colore specifico più scuro. Voglio che sia trasparente dove l'immagine sorgente è bianca.
Fondamentalmente, voglio riprodurre il comportamento di tintColor visto in UINavigationBar su iPhone.
Finora ho esplorato diverse opzioni:
-
Disegna il colore della tinta sull'immagine in scala di grigi usando la composizione SourceOver - > Ciò richiede un colore di tinta non opaco - > Il risultato risulta molto più scuro del desiderato
-
Usa un CIFilter CIMultiplyCompositing per colorare l'immagine - > Non riesco [CIImage drawAtPoint: fromRect: operation: fraction:] a disegnare solo una parte dell'immagine. Lo stesso funziona bene con NSImage - > Ottengo crash occasionali di cui non riesco a dare un senso
-
Trasforma l'immagine in scala di grigi in una maschera. Cioè Il nero dovrebbe essere opaco. Il bianco dovrebbe essere trasparente. Il grigio dovrebbe avere valori alfa intermedi. - > Questa sembrerebbe la soluzione migliore - > Prova come potrei, non riesco a raggiungere questo obiettivo.
Soluzione 3
- (NSImage *)imageTintedWithColor:(NSColor *)tint
{
if (tint != nil) {
NSSize size = [self size];
NSRect bounds = { NSZeroPoint, size };
NSImage *tintedImage = [[NSImage alloc] initWithSize:size];
[tintedImage lockFocus];
CIFilter *colorGenerator = [CIFilter filterWithName:@"CIConstantColorGenerator"];
CIColor *color = [[[CIColor alloc] initWithColor:tint] autorelease];
[colorGenerator setValue:color forKey:@"inputColor"];
CIFilter *monochromeFilter = [CIFilter filterWithName:@"CIColorMonochrome"];
CIImage *baseImage = [CIImage imageWithData:[self TIFFRepresentation]];
[monochromeFilter setValue:baseImage forKey:@"inputImage"];
[monochromeFilter setValue:[CIColor colorWithRed:0.75 green:0.75 blue:0.75] forKey:@"inputColor"];
[monochromeFilter setValue:[NSNumber numberWithFloat:1.0] forKey:@"inputIntensity"];
CIFilter *compositingFilter = [CIFilter filterWithName:@"CIMultiplyCompositing"];
[compositingFilter setValue:[colorGenerator valueForKey:@"outputImage"] forKey:@"inputImage"];
[compositingFilter setValue:[monochromeFilter valueForKey:@"outputImage"] forKey:@"inputBackgroundImage"];
CIImage *outputImage = [compositingFilter valueForKey:@"outputImage"];
[outputImage drawAtPoint:NSZeroPoint
fromRect:bounds
operation:NSCompositeCopy
fraction:1.0];
[tintedImage unlockFocus];
return [tintedImage autorelease];
}
else {
return [[self copy] autorelease];
}
}
- (NSImage*)imageCroppedToRect:(NSRect)rect
{
NSPoint point = { -rect.origin.x, -rect.origin.y };
NSImage *croppedImage = [[NSImage alloc] initWithSize:rect.size];
[croppedImage lockFocus];
{
[self compositeToPoint:point operation:NSCompositeCopy];
}
[croppedImage unlockFocus];
return [croppedImage autorelease];
}
Altri suggerimenti
La soluzione sopra non ha funzionato per me. Ma questa soluzione molto più semplice funziona alla grande per me
- (NSImage *)imageTintedWithColor:(NSColor *)tint
{
NSImage *image = [self copy];
if (tint) {
[image lockFocus];
[tint set];
NSRect imageRect = {NSZeroPoint, [image size]};
NSRectFillUsingOperation(imageRect, NSCompositeSourceAtop);
[image unlockFocus];
}
return image;
}
Una rapida implementazione della risposta di bluebamboo:
func tintedImage(_ image: NSImage, tint: NSColor) -> NSImage {
guard let tinted = image.copy() as? NSImage else { return image }
tinted.lockFocus()
tint.set()
let imageRect = NSRect(origin: NSZeroPoint, size: image.size)
NSRectFillUsingOperation(imageRect, .sourceAtop)
tinted.unlockFocus()
return tinted
}
Versione Swift in forma di estensione:
extension NSImage {
func tintedImageWithColor(color:NSColor) -> NSImage {
let size = self.size
let imageBounds = NSMakeRect(0, 0, size.width, size.height)
let copiedImage = self.copy() as! NSImage
copiedImage.lockFocus()
color.set()
NSRectFillUsingOperation(imageBounds, .CompositeSourceAtop)
copiedImage.unlockFocus()
return copiedImage
}
}
Il filtro CIMultiplyCompositing è sicuramente il modo per farlo. Se si arresta in modo anomalo, puoi pubblicare una traccia dello stack? Uso fortemente i CIFilter e non ho problemi di crash.
//assume inputImage is the greyscale CIImage you want to tint
CIImage* outputImage = nil;
//create some green
CIFilter* greenGenerator = [CIFilter filterWithName:@"CIConstantColorGenerator"];
CIColor* green = [CIColor colorWithRed:0.30 green:0.596 blue:0.172];
[greenGenerator setValue:green forKey:@"inputColor"];
CIImage* greenImage = [greenGenerator valueForKey:@"outputImage"];
//apply a multiply filter
CIFilter* filter = [CIFilter filterWithName:@"CIMultiplyCompositing"];
[filter setValue:greenImage forKey:@"inputImage"];
[filter setValue:inputImage forKey:@"inputBackgroundImage"];
outputImage = [filter valueForKey:@"outputImage"];
[outputImage drawAtPoint:NSZeroPoint fromRect:NSRectFromCGRect([outputImage extent]) operation:NSCompositeCopy fraction:1.0];
Volevo tingere un'immagine con un colore che aveva l'alfa senza vedere i colori originali dell'immagine mostrare attraverso. Ecco come puoi farlo:
extension NSImage {
func tinting(with tintColor: NSColor) -> NSImage {
guard let cgImage = self.cgImage(forProposedRect: nil, context: nil, hints: nil) else { return self }
return NSImage(size: size, flipped: false) { bounds in
guard let context = NSGraphicsContext.current()?.cgContext else { return false }
tintColor.set()
context.clip(to: bounds, mask: cgImage)
context.fill(bounds)
return true
}
}
}
Per una granulosità più fine, è possibile utilizzare un approccio cromatico polinomiale, utilizzando l'approccio che ho suggerito di seguito: Come posso visualizzare l'indicatore NSProgress in rotazione in un colore diverso?