在像Photoshop这样的UIImageViews上设置blendmodes

时间:2014-04-29 08:31:27

标签: ios quartz-2d

我一直在尝试将混合模式应用到我的UIImageViews来复制PSD模拟文件(抱歉无法提供)。 PSD文件有3层,基色为60%普通混合,图像层为55%的多重混合,梯度层为35%叠加。

我已经通过互联网尝试了几个教程,但仍然无法使颜色/图像完全相同。

我注意到的一件事是iPhone的颜色与Mac的屏幕不同。

我找到了Quartz 2D的文档,我认为这是正确的方法,但我无法获得任何有关使用图像混合模式的示例/教程。 https://developer.apple.com/library/mac/documentation/graphicsimaging/conceptual/drawingwithquartz2d/dq_images/dq_images.html#//apple_ref/doc/uid/TP30001066-CH212-CJBIJEFG

任何人都可以提供一个与文档中相同的好教程,所以如果没有人能直接回答我的问题,我至少可以尝试混淆。

2 个答案:

答案 0 :(得分:0)

你不想使用UIImageView,因为它实际上不支持混合模式。

相反,要做的就是创建一个UIView子类(它的行为就像UIImageView一样)。因此,创建一个名为BlendedImageView的UIView子类。它应该有一个image属性,然后在drawRect:方法中你可以这样做:

- (void)drawRect:(CGRect)rect
{
    //
    // Here you need to calculate a rect based on self.contentMode to replicate UIImageView-behaviour.
    // For example, for UIViewContentModeCenter, you want a rect that goes outside 'rect' and centers with it.
    //
    CGRect actualRect = // ...
    [self.image drawInRect:actualRect blendMode:kCGBlendModeOverlay alpha:0.5];
}

替换alpha和混合模式以符合您的偏好。好的做法是让BlendedImageView保存一个blendMode属性。

在您的情况下,您可能需要使用与上面相同的代码来绘制所有3个图像的更高级视图。

答案 1 :(得分:0)

这个问题是很久以前提出的,但是如果有人正在寻找相同的答案,则可以在视图的支持层上使用compositingFilter来获得所需的内容:

overlayView.layer.compositingFilter = "multiplyBlendMode"

@SeanA建议使用,这里:https://stackoverflow.com/a/46676507/1147286

过滤器
过滤器的完整列表为here
或者,您可以使用

打印出合成过滤器类型
print("Filters:\n",CIFilter.filterNames(inCategory: kCICategoryCompositeOperation))