SwiftUI Image如何使用UIImage CGImage CIImage

公良泰宁

2023-12-01

苹果提供的图片对象

UIImage，它来自UIKit。这是一种非常强大的图像类型，能够处理各种图像类型，包括位图（如PNG），矢量（如SVG），甚至是形成动画的序列。 UIImage是UIKit的标准图像类型，在三种类型中，它最接近SwiftUI的图像类型。
CGImage，来自Core Graphics。这是一种更简单的图像类型，实际上只是一个二维像素阵列。
CIImage，来自Core Image。它将存储生成图像所需的所有信息，但实际上不会将其转换为像素（除非要求）。苹果将CIImage称为“图像配方”，而不是实际图像。

各种图像类型之间存在一些互操作性

我们可以从CGImage创建UIImage，并从UIImage创建CGImage。
我们可以从UIImage和CGImage创建CIImage，也可以从CIImage创建CGImage。
我们可以从UIImage和CGImage创建一个SwiftUI图像。

SwiftUI和图像们的关系

这些图像类型是纯数据对象，我们无法将它们放入SwiftUI视图层次结构中，但是我们可以自由地对其进行操作，然后将结果呈现在SwiftUI图像中。

我们将更改loadImage（），以便它从示例图像中创建一个UIImage，然后使用Core Image对其进行操作。更具体地说，我们将从两项任务开始：

func loadImage() {
    guard let inputImage = UIImage(named: "Example") else { return }
 // 将UIImage转换为CIImage
    let beginImage = CIImage(image: inputImage)

    // 下面我们可以使用Core Image库进行图像处理
}

下一步将创建一个Core Image上下文和一个Core Image过滤器。过滤器是完成以某种方式转换图像数据的实际工作的东西，例如模糊，锐化，调整颜色等，上下文则将处理后的数据转换为我们可以使用的CGImage。

这两种数据类型均来自Core Image，因此您需要添加两次导入才能将其提供给我们。因此，请先在ContentView.swift顶部附近添加以下内容：

import CoreImage
import CoreImage.CIFilterBuiltins

接下来，我们将创建上下文并进行过滤。在此示例中，我们将使用棕褐色调滤镜，该滤镜会应用棕色调，使照片看起来像是很久以前拍摄的。

因此，替换//更多代码以对此进行注释：

let context = CIContext()
let currentFilter = CIFilter.sepiaTone()

现在，我们可以自定义过滤器以更改其工作方式。棕褐色是一个简单的滤镜，因此它只有两个有趣的属性：inputImage是我们要更改的图像，而强度是应该应用棕褐色效果的强度，在0（原始图像）和1（完整棕褐色）的范围内指定。

因此，在前两行下面添加以下两行代码：

currentFilter.inputImage = beginImage
currentFilter.intensity = 1

所有这些都不是很难的，但是这里发生了改变：我们需要将过滤器的输出转换为可以在视图中显示的SwiftUI图像。这是我们需要一次依靠所有四种图像类型的地方，因为最简单的操作是：

从我们的过滤器读取输出图像，它将是CIImage。这可能会失败，因此它返回一个可选。
询问我们的上下文，从该输出图像创建CGImage。这也可能会失败，因此再次返回一个可选。
将该CGImage转换为UIImage。
将该UIImage转换为SwiftUI图像。
您可以直接从CGImage转到SwiftUI图像，但它需要额外的参数，并且只会增加更多的复杂性！

这是loadImage（）的最终代码：

// get a CIImage from our filter or exit if that fails
guard let outputImage = currentFilter.outputImage else { return }

// attempt to get a CGImage from our CIImage
if let cgimg = context.createCGImage(outputImage, from: outputImage.extent) {
    // convert that to a UIImage
    let uiImage = UIImage(cgImage: cgimg)

    // and convert that to a SwiftUI image
    image = Image(uiImage: uiImage)
}

如果再次运行该应用程序，您应该会看到示例图像现在已应用了棕褐色效果，这全归功于Core Image。

现在，您可能会认为，要获得一个相当简单的结果，这是一件繁琐的工作，但是现在您已经掌握了Core Image的所有基础知识，因此切换到其他过滤器相对容易。

我们需要将示例图像加载到UIImage中，该图像具有一个名为UIImage（name :)的初始化程序，以从资产目录中加载图像。它返回一个可选的UIImage，因为我们可能指定了不存在的图像。
我们将其转换为CIImage，这是Core Image想要使用的。
因此，首先用以下代码替换当前的loadImage（）实现：

SwiftUI Image如何使用UIImage CGImage CIImage

苹果提供的图片对象

各种图像类型之间存在一些互操作性

SwiftUI和图像们的关系

推荐

基础文章推荐

经典教程推荐

技术源码推荐

推荐文章

CoreData篇

Combine篇

TextField篇

JSON文件篇

一篇文章系列

技术交流

相关阅读

相关文章

相关问答

相关文档