首页 > 解决方案 > 如何在 Swift 中将 SDWebImageSwiftUI 保存到照片中?

问题描述

我一直在寻找如何将 SwiftUI SDWebImage 保存到照片的几个小时

ForEach(self.moodboardImages, id: \.self) { imageName in
                    WebImage(url: URL(string: imageName.fileLink))
                        .resizable()
                        .aspectRatio(contentMode: .fit)
                        .pinchToZoom()
                        .onTapGesture {
                            //Save to Library ?
                        }
                }

我有一个包含照片 URL 的对象数组,我通过imageName.fileLinkIn forEach 循环访问它。

现在我试图在用户点击图像时允许保存到照片。似乎找不到 SwiftUI 的任何内容,所有教程都使用 UIKit,并且还找到了 UIKit 的 SDWebImage 而不是 SwiftUI。

这里有任何可能的帮助吗?或者至少我该如何解决这个问题

标签: swiftswiftuisdwebimage

解决方案


希望这将帮助其他人实现与我类似的目标,因为我没有看到很多答案,sdwebimage我不得不花时间自己写一个答案。所以最后经过几个小时的搜索和测试不同的方法,简而言之,你将 url 图像转换为 UIImage 并将其保存到设备中。

我能够通过以下代码实现我的目标:

首先,我创建了一个图像保护程序类:

import Foundation
import SwiftUI

extension UIImage {
    var jpeg: Data? { jpegData(compressionQuality: 1) }  // QUALITY min = 0 / max = 1
    var png: Data? { pngData() }
}

extension Data {
    var uiImage: UIImage? { UIImage(data: self) }
}

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

    @objc func saveError(_ image: UIImage, didFinishSavingWithError error: Error?, contextInfo: UnsafeRawPointer) {
        print("save finished")
    }
}

那是基于这个回购:https ://github.com/krish-21/Fiftygram

然后将这两个变量和函数添加到我的ContentView.swift

@State var imageData: UIImage?
@State private var imageSaved: Bool = false

    // save Image to Photo Album
    func saveImage() {
        let imageSaver = ImageSaver()
        if let uiImage = imageData {
            imageSaver.writeToPhotoAlbum(image: uiImage)
            imageSaved = true
        }
    }

然后在保存按钮或点击手势中调用它:

imageData = UIImage(data: try! Data(contentsOf: URL(string: imageName.fileLink)!))!

saveImage()

所以我的代码看起来像这样,由于项目隐私,无法发布完整代码:

import Foundation
import SwiftUI
import SDWebImageSwiftUI

struct ContentView: View {
    @State var imageData: UIImage?
    @State private var imageSaved: Bool = false

    // save Image to Photo Album
    func saveImage() {
        let imageSaver = ImageSaver()
        if let uiImage = imageData {
            imageSaver.writeToPhotoAlbum(image: uiImage)
            imageSaved = true
        }
    }

    var body: some View {
        VStack {
            ForEach(self.moodboardImages, id: \.self) { imageName in
                WebImage(url: URL(string: imageName.fileLink))
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .pinchToZoom()
                    .onTapGesture {
                        //Save to Library ?
                        imageData = UIImage(data: try! Data(contentsOf: URL(string: moodboardImages[index].fileLink)!))!
                        saveImage()
                    }
            }
        }
        // alert the user after image is saved
        .alert(isPresented: $imageSaved) {
            Alert(title: Text("Saved"), message: Text("Moodboard image has been saved to Photos"), dismissButton: .default(Text("Done")))
        }
    }
}

此外,在对 GitHub 问题选项卡和版本拉取请求进行了一些挖掘之后,sdwebimage我能够找到以下内容:

.onSuccess您可以通过添加以下参数从 WebImage 获取原始图像和数据对象。

WebImage(url: URL(string: imageName.fileLink))
                    .resizable()
                    .aspectRatio(contentMode: .fit)
                    .pinchToZoom()
                    .onSuccess {
                        (image, data, cacheType) in
                        // you can use image or data to save it, or do whatever you want with it, example:
                        // saveImage(data) or saveImage(image) , depending on your needs or code
                    }

注意 适用于SDWebImageSwiftUI 2.0+


推荐阅读