Tinting a scala di grigi NSImage (o CIImage)

Question

Ho un'immagine in scala di grigi che desidero utilizzare per disegnare i controlli Cocoa. L'immagine ha vari livelli di grigio. Dove è più scuro, voglio che disegni un colore di tinta specificato più scuro. Voglio che sia trasparente dove l'immagine di origine è bianca.

Fondamentalmente, voglio riprodurre il comportamento di tintColor visto in UINavigationBar su iPhone.

Finora, ho esplorato diverse opzioni:

• disegnare il colore della tinta sull'immagine scala di grigi usando composizione SourceOver -> Questo richiede un colore tinta non opachi -> Il risultato viene fuori molto più scuro di quanto desiderato

• Utilizzare un CIMultiplyCompositing CIFilter per colorare l'immagine -> non posso [CIImage drawAtPoint: fromRect: operazione: frazione:] per disegnare solo una parte dell'immagine. Lo stesso funziona bene con NSImage -> Ottengo crash occasionali che non riesco a dare un senso a

• 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 sembra essere la soluzione migliore -> Prova come potrei, non posso ottenere questo.

Answer 1

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

Answer 2

Il filtro CIMultiplyCompositing è sicuramente il modo per farlo. Se si blocca, puoi pubblicare una traccia dello stack? Uso pesantemente i CIFilters 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]; 

Answer 3

La soluzione di cui sopra non ha funzionato per me. Ma questa soluzione molto più semplice grandi opere 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; 
} 

Answer 4

Un'implementazione Swift 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 
} 

Answer 5

Per una più grana fine, è possibile utilizzare un approccio di colore polinomiale, utilizzando l'approccio che ho suggerito il seguente: How can I display the spinning NSProgressIndicator in a different color?

Answer 6

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

Answer 7

Volevo tingere un'immagine con un colore tinta che aveva alfa senza vedere i colori originali dell'immagine. Ecco come è possibile 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 
     } 
    } 
}