Swift中如何通过图案图片设置UIImageView的tintColor？

嘿，这个问题我之前做项目的时候也踩过坑！核心原因很明确：UIImageView的模板渲染模式（alwaysTemplate）并不支持使用UIColor(patternImage:)生成的图案颜色作为tintColor。系统在处理模板图的tint逻辑时，只会识别纯色的UIColor，对于pattern这种特殊的颜色类型，会直接 fallback 到白色（或者说默认的填充占位色）。

而你提到UILabel能正常工作，这是因为UILabel的textColor属性本身就原生支持patternColor——它本质是直接把图案作为文字的填充材质，和UIImageView的tint渲染逻辑完全不是一回事。

两种可行的解决方案 #

方案一：手动合成带图案的目标图片

我们可以通过图形上下文，把模板图和图案图直接合成一张新图，这样就不需要依赖UIImageView的tint功能了：

func tintTemplateImage(with templateImage: UIImage, patternImage: UIImage) -> UIImage? {
    // 创建图案颜色
    let patternColor = UIColor(patternImage: patternImage)
    let imageSize = templateImage.size
    
    // 开启图形上下文（适配屏幕缩放）
    UIGraphicsBeginImageContextWithOptions(imageSize, false, UIScreen.main.scale)
    defer { UIGraphicsEndImageContext() } // 确保上下文被释放
    
    // 设置填充色为图案颜色
    patternColor.setFill()
    // 以sourceIn混合模式绘制模板图，这样图案只会填充模板图的非透明区域
    templateImage.draw(in: CGRect(origin: .zero, size: imageSize), blendMode: .sourceIn, alpha: 1.0)
    
    // 从上下文导出合成后的图片
    return UIGraphicsGetImageFromCurrentImageContext()
}

// 使用示例
if let templateImage = UIImage(named: "some_template_image")?.withRenderingMode(.alwaysTemplate),
   let patternImage = UIImage(named: "my_pattern_image") {
    let finalImage = tintTemplateImage(with: templateImage, patternImage: patternImage)
    let imageView = UIImageView(image: finalImage)
    // 直接使用即可，无需设置tintColor
}

方案二：自定义UIImageView实现图案填充

如果需要动态切换图案，自定义一个UIImageView子类会更灵活：

class PatternTintedImageView: UIImageView {
    // 用于存储图案图片，设置时触发重绘
    var patternImage: UIImage? {
        didSet { setNeedsDisplay() }
    }
    
    override func draw(_ rect: CGRect) {
        // 确保模板图和图案图都存在
        guard let templateImage = self.image, let patternImage = self.patternImage else {
            super.draw(rect)
            return
        }
        
        let patternColor = UIColor(patternImage: patternImage)
        patternColor.setFill()
        
        // 以sourceIn模式绘制，让图案填充模板图的有效区域
        templateImage.draw(in: rect, blendMode: .sourceIn, alpha: 1.0)
    }
}

// 使用示例
let imageView = PatternTintedImageView(image: UIImage(named: "some_template_image")?.withRenderingMode(.alwaysTemplate))
imageView.patternImage = UIImage(named: "my_pattern_image")
// 后续如果要切换图案，直接设置patternImage即可自动重绘

注意事项 #

• 确保你的模板图已经设置了.alwaysTemplate渲染模式，这样它的非透明区域才会被图案填充。
• 如果图案图片的尺寸和模板图比例不协调，可能会出现平铺拉伸的问题。你可以提前对图案图进行裁剪或缩放处理，或者通过调整图案的平铺参数优化显示效果。

内容的提问来源于stack exchange，提问作者Tal Zion