uiccolor模式图像和色调颜色

Question

我正在制作一个应用程序，其中元素需要以不同的颜色进行自定义。到目前为止，我一直在利用tintColor和imageWithRenderingMode来改变图像的颜色。我目前处于需要使用UIColor(patternImage:)和backgroundColor添加背景平铺图像的情况。有没有一种方法来应用一种色调的背景平铺图像，所以我可以改变背景图像的颜色在运行时?

Answer 1

J_P，谢谢你的回答!这真的很有帮助。我只是想发布一个Swift 5的更新版本

extension UIColor {
    convenience init(patternImage: UIImage, tintColor: UIColor) {
        var image = patternImage.withRenderingMode(.alwaysTemplate)
        UIGraphicsBeginImageContextWithOptions(patternImage.size,
                                               false,
                                               patternImage.scale)
        tintColor.set()   
        image.draw(in: CGRect(x: 0, y: 0,
                              width: patternImage.size.width,
                              height: patternImage.size.height))
        image = UIGraphicsGetImageFromCurrentImageContext()!
        UIGraphicsEndImageContext()
        self.init(patternImage: image)
    }
}

Answer 2

你可以将TintColor应用于UIImage，并使用该UIImage作为平铺的背景色。

用于将tintColor应用于UIImage:

- (UIImage *) addOverlaytoImage:(UIImage *)mySourceImage
{
    UIImage * image = mySourceImage;
    UIColor * color = [UIColor yellowColor];
    UIGraphicsBeginImageContext(image.size);
    [image drawInRect:CGRectMake(0, 0, image.size.width, image.size.height) blendMode:kCGBlendModeNormal alpha:1];
    UIBezierPath * path = [UIBezierPath bezierPathWithRect:CGRectMake(0, 0, image.size.width, image.size.height)];
    [color setFill];
    [path fillWithBlendMode:kCGBlendModeMultiply alpha:1]; //look up blending modes for your needs
    UIImage * newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}

然后将图片添加到背景颜色参数:

yourView.backgroundColor = [UIColor colorWithPatternImage:[self addOverlaytoImage:myImage]]; 

请参考以下链接:design for iOS: Blending Modes

Answer 3

使用我在这里找到的链接这就是我让它工作的

// originalImage and originalColor are defined
var image = originalImage.imageWithRenderingMode(.AlwaysTemplate)
UIGraphicsBeginImageContextWithOptions(
    originalImage.size,
    false,
    originalImage.scale)
originalColor.set()
image.drawInRect(CGRectMake(
    0,
    0,
    originalImage.size.width,
    originalImage.size.height))
image = UIGraphicsGetImageFromCurrentImageContext()
UIGraphicsEndImageContext()
return UIColor(patternImage: image)

Answer 4

另一个支持明暗模式的动态tintColor版本:

extension UIColor {
    convenience init(patternImage: UIImage, tintColor: UIColor) {
        self.init(dynamicProvider: { traitCollection in
            var staticColor: UIColor = .clear
            traitCollection.performAsCurrent {
                var image = patternImage.withRenderingMode(.alwaysTemplate)
                UIGraphicsBeginImageContextWithOptions(patternImage.size,
                                                       false,
                                                       patternImage.scale)
                tintColor.set()
                image.draw(in: CGRect(x: 0, y: 0,
                                      width: patternImage.size.width,
                                      height: patternImage.size.height))
                image = UIGraphicsGetImageFromCurrentImageContext() ?? UIImage()
                UIGraphicsEndImageContext()
                staticColor = UIColor(patternImage: image)
            }
            return staticColor
        })
    }
}