Тонирование NSImage в оттенках серого (или CIImage)
-
06-07-2019 - |
Вопрос
У меня есть изображение в оттенках серого, которое я хочу использовать для рисования элементов управления Cocoa.Изображение имеет различные уровни серого.Там, где он самый темный, я хочу, чтобы указанный оттенок был нарисован самым темным.Я хочу, чтобы оно было прозрачным там, где исходное изображение белое.
По сути, я хочу воспроизвести поведение TintColor, наблюдаемое в UINavigationBar на iPhone.
На данный момент я рассмотрел несколько вариантов:
Нарисуем оттенок над изображением оттенка серого с помощью композиции SourceOver -> Для этого требуется непрозрачный цвет оттенка -> Результат получается намного темнее, чем хотелось
Используйте CIMultiplyCompositing CIFilter для тонирования изображения -> Я не могу [CIImage drawAtPoint:fromRect:operation:fraction:] рисовать только часть изображения.То же самое отлично работает с NSImage -> Я получаю случайные аварии, которые я не могу понять
Преобразуйте изображение в оттенках серого в маску.Т.е.Черный должен быть непрозрачным.Белый должен быть прозрачным.Серый должен иметь промежуточные значения альфа.-> Это, казалось бы, будет лучшим решением -> Попробуйте, как я могу, я не могу достичь этого.
Решение 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];
}
Другие советы
Вышеупомянутое решение мне не помогло.Но это гораздо более простое решение отлично работает для меня.
- (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;
}
Быстрая реализация ответа 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
}
Swift-версия в виде расширения:
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
}
}
Фильтр CIMultiplyCompositing определенно поможет сделать это.Если происходит сбой, можете ли вы опубликовать трассировку стека?Я активно использую CIFilters, и у меня нет проблем со сбоями.
//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];
Я хотел оттенить изображение оттенком цвета с альфа-каналом, не видя при этом исходных цветов изображения.Вот как вы можете это сделать:
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
}
}
}
Для более мелкозернистой структуры вы можете использовать полиномиальный цветовой подход, используя подход, который я предложил ниже: Как отобразить вращающийся индикатор NSProgressIndicator другим цветом?