SwiftUI 100 天: Instafilter 揭秘，打造你的美图应用

2023-11-26 00:46:00

轻松使用 SwiftUI 和 Core Image 为您的照片添加艺术风格

在当今数字世界，图像无处不在。从社交媒体帖子到新闻文章再到广告，我们每天都在网上看到数以百万计的图像。图像是一种强大的交流工具，可以传达信息、情感和想法。

对于摄影师和创意人士来说，图像处理软件是一个必不可少的工具。他们可以使用这些工具来编辑、增强和转换图像，以达到他们想要的效果。但是，许多图像处理软件都非常复杂，对于普通用户来说很难使用。

使用 SwiftUI 和 Core Image 轻松应用图像滤镜

SwiftUI 是一个由苹果公司开发的用于构建 iOS、iPadOS 和 macOS 应用程序的声明性用户界面框架。SwiftUI 旨在使创建用户界面变得更加容易，即使对于没有编程经验的人也是如此。在本文中，我们将使用 SwiftUI 来创建一个名为 Instafilter 的应用程序，使普通用户能够轻松地将图像滤镜应用到他们的照片中。

了解图像滤镜

图像滤镜是一种可以用来改变图像外观的数学运算。图像滤镜可以用来调整图像的颜色、对比度、亮度和其他属性。它们还可以用来添加特殊效果，比如模糊、锐化或老化。

Core Image 是苹果公司开发的一个图像处理框架，它提供了许多内置的图像滤镜。这些滤镜可以很容易地应用到图像上，而无需编写任何复杂的代码。

构建 Instafilter 应用程序

现在我们已经介绍了图像滤镜和 SwiftUI 的基本概念，我们可以开始构建 Instafilter 应用程序了。

首先，在 Xcode 中创建一个新的 SwiftUI 项目。

接下来，在ContentView.swift 文件中添加以下代码，它创建了一个包含图像、强度滑块和保存按钮的 SwiftUI 视图：

import SwiftUI
import CoreImage

struct ContentView: View {
  @State private var image: UIImage?
  @State private var intensity: CGFloat = 0.5

  var body: some View {
    VStack {
      if let image = image {
        Image(uiImage: image)
          .resizable()
          .aspectRatio(contentMode: .fit)
      } else {
        Text("点击以选择图片")
          .foregroundColor(.gray)
          .frame(width: 200, height: 200)
          .background(Color.gray.opacity(0.2))
      }

      Slider(value: $intensity, in: 0.0...1.0, step: 0.1)
        .padding()

      Button("保存") {
        if let image = image {
          UIImageWriteToSavedPhotosAlbum(image, nil, nil, nil)
        }
      }
      .padding()
    }
    .padding()
  }
}

然后，添加以下代码，它创建了一个名为 applyFilter() 的函数，使用 Core Image 将滤镜应用到图像上：

func applyFilter(to image: UIImage) -> UIImage {
    let context = CIContext()
    let filter = CIFilter(name: "CISepiaTone")!
    filter.setValue(CIImage(image: image), forKey: kCIInputImageKey)
    filter.setValue(intensity, forKey: kCIInputIntensityKey)
    let outputImage = filter.outputImage!
    let cgImage = context.createCGImage(outputImage, from: outputImage.extent)!
    return UIImage(cgImage: cgImage)
  }

最后，添加以下代码，处理用户选择的照片并显示图像选择器：

func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [UIImagePickerController.InfoKey : Any]) {
    guard let image = info[.originalImage] as? UIImage else { return }
    self.image = image
    picker.dismiss(animated: true)
  }