[Xcode 实际操作]九、实用进阶-(17)使用CGBlendMode改变UIImage颜色，实现对图片进行混合着色

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

目录：[Swift]Xcode实际操作

本文将演示如何使用CGBlendMode改变UIImage颜色，实现对图片进行混合着色。

在项目文件夹【DemoApp】上点击鼠标右键

->【New File】创建一个扩展文件->模板选择窗口：【Swift File】->【Next】

->【Save As】:ExtensionUIImage.swift->保存默认的存储位置点击【Create】

在【ExtensionUIImage.swift】添加一个针对UIImage类的扩展。

扩展可以向一个已有的类、结构体或枚举类型添加新功能，

包括在没有获取源代码的情况下，对类型进行功能扩展。

点击编辑代码文件【ExtensionUIImage.swift】

import UIKit

extension UIImage
{
    //添加一个扩展方法，包括的参数：
    //1.混合颜色
    //2.混合模式
    //并返回一个渲染后的图片
    func blendColor(_ color: UIColor, blendMode: CGBlendMode) -> UIImage
    {
        //创建一个位置在(0,0),尺寸与原始图片相同的显示区域
        let rect = CGRect(x: 0.0, y: 0.0, width: size.width, height: size.height)
        
        //创建一个基于位图的图形上下文，
        //并分别设置上下文的尺寸、是否支持不透明度、以及缩放比例等信息。
        //如果缩放比例为0，则按屏幕宽高比进行缩放。
        UIGraphicsBeginImageContextWithOptions(size, false, scale)
        //在上文中，设置填充颜色
        color.setFill()
        //使用填充颜色，填充目标区域
        UIRectFill(rect)
        //将源图片，以完全不透明的方式，写入目标区域，
        //并使用指定的混合模式
        draw(in: rect, blendMode: blendMode, alpha: 1.0)
        
        //从上下文中，获得最后熏染的图片
        let blendedImage = UIGraphicsGetImageFromCurrentImageContext()
        //关闭图形上下文环境，及时释放资源
        UIGraphicsEndImageContext()
        
        //返回最终渲染结果
        return blendedImage!
    }
}

在项目导航区，打开视图控制器的代码文件【ViewController.swift】

现在调用上文的扩展方法，实现对图片进行混合着色的功能。

import UIKit

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
        
        //创建一个图像视图，并设置其位置在(128,80),尺寸为(64,64).
        //这个图像视图，将用来显示图片的原始效果。
        let originalImage = UIImageView(frame: CGRect(x: 128, y: 80, width: 64, height: 64))
        //从资源文件夹中，加载一张图片，并赋予图像视图。
        originalImage.image = UIImage(named: "star")
        //将图像视图，添加到当前视图控制器的根视图
        self.view.addSubview(originalImage)
        
        //创建第二个图像视图，并设置其位置在(128,80),尺寸为(64,64).
        //这个图像视图，将用来显示与黄色进行混合后的图片
        let brownOne = UIImageView(frame: CGRect(x: 128, y: 180, width: 64, height: 64))
        //调用扩展方法，获得图像与黄色进行混合后的图像，
        //混合模式为目标模式，即结果等于目标色与原色透明度的合成。
        brownOne.image = UIImage(named: "star")?.blendColor(UIColor.yellow, blendMode: CGBlendMode.destinationIn)
        //将第二个图像视图，添加到当前视图控制器的根视图。
        self.view.addSubview(brownOne)
        
        //创建第三个视图
        let redOne = UIImageView(frame: CGRect(x: 128, y: 280, width: 64, height: 64))
        //调用扩展方法，获得图像与红色进行混合后的图像，
        //混合模式为目标模式，即结果等于目标色与原色透明度的合成。
        redOne.image = UIImage(named: "star")?.blendColor(UIColor.red, blendMode: CGBlendMode.destinationIn)
        //将第三个图像视图，添加到当前视图控制器的根视图。
        self.view.addSubview(redOne)
        
        //创建第四个视图
        let greenOne = UIImageView(frame: CGRect(x: 128, y: 380, width: 64, height: 64))
        //调用扩展方法，获得图像与绿色进行混合后的图像，
        //混合模式为目标模式，即结果等于目标色与原色透明度的合成。
        greenOne.image = UIImage(named: "star")?.blendColor(UIColor.green, blendMode: CGBlendMode.destinationIn)
        //将第四个图像视图，添加到当前视图控制器的根视图。
        self.view.addSubview(greenOne)
    }
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

观察原始图像分别和三个色彩混合图像之间的区别。