Swift教程

[SwiftUI 100 天] Instafilter 保存滤镜后的图片

本文主要是介绍[SwiftUI 100 天] Instafilter 保存滤镜后的图片,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

译自 www.hackingwithswift.com/books/ios-s…

更多内容,欢迎关注公众号 「Swift花园」

喜欢文章?不如来个 🔺💛➕三连?关注专栏,关注我 🚀🚀🚀

用 UIImageWriteToSavedPhotosAlbum() 来保存滤镜后的图片

为了完成这个项目,我们最后需要实现保存按钮:将滤镜处理后的照片保存到用户的相册,以便用户可以进一步编辑照片,或者分享照片。

我在前面解释过,UIImageWriteToSavedPhotosAlbum() 函数可以实现我们要的功能,但需要一些跟 SwiftUI 不太兼容的代码:需要一个继承自 NSObject 的对象,提供以 @objc 标记的回调方法,以及用 #selector 编译器指令指向的方法。

我们要在一个单独的,可重用的类中实现这个目标。请创建一个名叫 ImageSaver.swift 的新 Swift 文件,把导入 Foundation 修改为导入 UIKit,然后提供以下代码:

class ImageSaver: NSObject {
    func writeToPhotoAlbum(image: UIImage) {
        UIImageWriteToSavedPhotosAlbum(image, self, #selector(saveError), nil)
    }

    @objc func saveError(_ image: UIImage, didFinishSavingWithError error: Error?, contextInfo: UnsafeRawPointer) {
        // save complete
    }
}
复制代码

我们稍后会回到上面的代码做修改。现在需要先确保从用户那里请求到保存照片的权限:我们需要添加一个键到 Info.plist。

  • 打开 Info.plist
  • 在空白区域右键
  • 选择 Add Row
  • 选择 “Privacy - Photo Library Additions Usage Description” 作为键名
  • 输入 “我们希望保存滤镜照片。” 作为值

接下来是考虑如何利用 ImageSaver 类来保存照片。眼下我们设置 image 属性的方式如下:

if let cgimg = context.createCGImage(outputImage, from: outputImage.extent) {
    let uiImage = UIImage(cgImage: cgimg)
    image = Image(uiImage: uiImage)
}
复制代码

实际上我们可以直接由 CGImage 生成 SwiftUI Image 视图,之前我也说过之所以借助 UIImage 中转是因为直接从 CGImage 生成需要更多的参数。这个理由当然是真实的,但更重要的原因是:我们需要用到一个 UIImage,以便传给 ImageSaver 类,而这里正是创建这个对象最好的地方。

把下面这个新属性添加到 ContentView,以存储中转的 UIImage

@State private var processedImage: UIImage?
复制代码

然后,我们要修改 applyProcessing() 方法,暂存 UIImage 以便后续使用:

if let cgimg = context.createCGImage(outputImage, from: outputImage.extent) {
    let uiImage = UIImage(cgImage: cgimg)
    image = Image(uiImage: uiImage)
    processedImage = uiImage
}
复制代码

然后是保存按钮中的逻辑:

Button("Save") {
    guard let processedImage = self.processedImage else { return }

    let imageSaver = ImageSaver()
    imageSaver.writeToPhotoAlbum(image: processedImage)
}
复制代码

到这里其实我们已经可以收工了,但我们单独做了 ImageSaver 类的目的正是我们可以读取保存是否成功的结果。而这个方法是通过 ImageSaver 里下面这个方法来报告的:

@objc func saveError(_ image: UIImage, didFinishSavingWithError error: Error?, contextInfo: UnsafeRawPointer) {
    // save complete
}
复制代码

为了利用这个结果,我们需要将结果传递给 ContentView。但是,我不希望这个讨厌的 @objc 逃出这个类,所以我们要用闭包来报告成功或者失败 —— 对于 Swift 开发者来说这个解决方案更友好。

首先添加下面这两个属性到 ImageSaver 类,用以表示处理成功和失败的闭包:

var successHandler: (() -> Void)?
var errorHandler: ((Error) -> Void)?
复制代码

然后,完善 didFinishSavingWithError 方法,根据成功和失败两种情况分别调用对应的闭包:

if let error = error {
    errorHandler?(error)
} else {
    successHandler?()
}
复制代码

现在,我们就可以在使用 ImageSaver 时这样处理:

let imageSaver = ImageSaver()

imageSaver.successHandler = {
    print("Success!")
}

imageSaver.errorHandler = {
    print("Oops: \($0.localizedDescription)")
}

imageSaver.writeToPhotoAlbum(image: processedImage)
复制代码

尽管代码不一样,但概念和原来在 ImagePicker 里的做法是一样的:我们以对 SwiftUI 更友好的方式封装 UIKit 功能以获取我们想要的行为。更棒的是,这种方式让我们可以获得能够在其他项目中复用的代码 —— 我们实际上构建了一个库!

到此我们已经完成了项目,可以从头尝试应用,导入照片,应用滤镜,保存到相册。干得漂亮!


我的公众号 这里有Swift及计算机编程的相关文章,以及优秀国外文章翻译,欢迎关注~

这篇关于[SwiftUI 100 天] Instafilter 保存滤镜后的图片的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!