在SwiftUI中使用SwiftData缓存图片的方案及相关问题

1. 方案可行性与优化建议 #

你的Core Data关联缓存方案是可行的，能实现图片持久化存储，且和Person模型绑定的逻辑清晰。但有几个可以优化的点：

• 共享缓存优化：当前CachedImage的imageUrl设为唯一约束，但Person和CachedImage是一对一关联，会导致相同图片URL被重复存储。建议将关联改为一对多：把CachedImage中的person字段改为@Relationship(deleteRule: .nullify)，让多个Person可以关联同一个CachedImage，节省存储空间。
• 异步加载优化：onAppear中直接调用loadPhoto会阻塞UI，应该用Task包裹异步加载逻辑，避免界面卡顿：

  .onAppear {
      Task {
          await loadPhoto(for: person)
      }
  }
  

• 存储方式可选优化：如果图片体积较大，除了用@Attribute(.externalStorage)，也可以考虑用FileManager将图片存储到沙盒的缓存目录，CachedImage只存储文件路径、URL和元数据，这种方式更便于批量清理和管理大文件。

2. 检测图片存储大小 #

有两种常用方式：

• 直接计算Data大小：如果用Core Data存储imageData，直接取data.count得到字节数，再转换为KB/MB：

  if let data = person.cachedImage?.imageData {
      let bytes = data.count
      let kb = bytes / 1024
      let mb = kb / 1024
      print("图片大小：\(mb) MB")
  }
  

• 预存大小字段：在CachedImage模型中新增fileSize字段，存储图片字节数，避免每次读取都计算data.count：

  @Model
  class CachedImage {
      // 其他字段...
      var fileSize: Int64 = 0 // 存储字节数
  }
  

  加载图片后计算大小并保存：

  func loadPhoto(for person: Person) async {
      guard let url = person.imageUrl, person.cachedImage == nil else { return }
      do {
          let (data, _) = try await URLSession.shared.data(from: url)
          let cachedImage = CachedImage()
          cachedImage.imageUrl = url
          cachedImage.imageData = data
          cachedImage.fileSize = Int64(data.count)
          person.cachedImage = cachedImage
          try await person.context?.save()
      } catch {
          print("加载图片失败：\(error)")
      }
  }
  

3. 跟踪访问时间与清理过期缓存 #

• 添加访问时间字段：在CachedImage中新增lastAccessedDate字段，记录最后一次访问的时间：

  @Model
  class CachedImage {
      // 其他字段...
      var lastAccessedDate: Date = Date()
  }
  

• 更新访问时间：每次在视图中加载并显示图片时，更新该字段：

  if let cachedImage = person.cachedImage, let uiImage = UIImage(data: cachedImage.imageData!) {
      Image(uiImage: uiImage)
          .onAppear {
              cachedImage.lastAccessedDate = Date()
              try? cachedImage.context?.save()
          }
  } else {
      // 占位图逻辑
  }
  

• 清理最久未访问缓存：可以设置缓存大小阈值，当总缓存大小超过阈值时，查询所有CachedImage，按lastAccessedDate升序排序，删除最早的缓存，直到总大小低于阈值：

  func cleanOldCache(thresholdMB: Int) async {
      let thresholdBytes = Int64(thresholdMB) * 1024 * 1024
      guard let context = PersistenceController.shared.container.viewContext else { return }
      
      do {
          // 查询所有缓存并计算总大小
          let cachedImages = try context.fetch(CachedImage.fetchRequest())
          let totalSize = cachedImages.reduce(Int64(0)) { $0 + $1.fileSize }
          
          if totalSize > thresholdBytes {
              // 按访问时间排序，优先删除最早的
              let sortedImages = cachedImages.sorted { $0.lastAccessedDate < $1.lastAccessedDate }
              var currentSize = totalSize
              
              for image in sortedImages {
                  guard currentSize > thresholdBytes else { break }
                  context.delete(image)
                  currentSize -= image.fileSize
              }
              
              try await context.save()
          }
      } catch {
          print("清理缓存失败：\(error)")
      }
  }
  

  可以在APP启动时、进入后台时调用这个清理方法。

内容的提问来源于stack exchange，提问作者fer0n