SwiftUI 图片缓存

图片缓存分为两种:

  1. Memory Cache;
  2. Disk Cache。

原生实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
class ImageCache {

var cache = NSCache<NSString, UIImage>()

static let shared = ImageCache()

func get(forKey: String) -> UIImage? {
return cache.object(forKey: NSString(string: forKey))
}

func set(forKey: String, image: UIImage) {
cache.setObject(image, forKey: NSString(string: forKey))
}
}

// 使用
ImageCache.shared.set(forKey: "...", image: UIImage())
let image = ImageCache.shared.get(forKey: "...")

参考:Image Caching in SwiftUI

另外就是使用 SwiftUI 的 AsyncImage——How can I add caching to AsyncImage

使用第三方库实现

首先,SDWebImage 的图片缓存采用的是 Memory(内存) 和 Disk(硬盘) 双重 Cache 机制,SDImageCache 中有一个叫做 memCache 的属性,它是一个 NSCache 对象,用于实现我们对图片的 Memory Cache,其实就是接受系统的内存警告通知,然后清除掉自身的图片缓存。Disk Cache,也就是文件缓存,SDWebImage 会将图片存放到 NSCachesDirectory 目录中,然后为每一个缓存文件生成一个 md5 文件名,存放到文件中。

整体机制如下:

Memory(内存)中查找:SDImageCache 类的 queryDiskCacheForKey 方法,查询图片缓存,queryDiskCacheForKey 方法内部,先会查询 Memory Cache,如果查找到就直接返回,反之进入下面的硬盘查找。

Disk(硬盘) 中查找:如果 Memory Cache 查找不到,就会查询 Disk Cache,查询 Disk Cache 的时候有一个小插曲,就是如果 Disk Cache 查询成功,还会把得到的图片再次设置到 Memory Cache 中。这样做可以最大化那些高频率展现图片的效率。如果找不到就进入下面的网络下载。

网路下载:请求网络使用的是 imageDownloader 属性,这个示例专门负责下载图片数据。如果下载失败,会把失败的图片地址写入 failedURLs 集合,为什么要有这个 failedURLs 呢,因为 SDWebImage 默认会有一个对上次加载失败的图片拒绝再次加载的机制。也就是说,一张图片在本次会话加载失败了,如果再次加载就会直接拒绝,SDWebImage 这样做可能是为了提高性能。如果下载图片成功了,接下来就会使用 [self.imageCache storeImage] 方法将它写入缓存,同时也会写入硬盘,并且调用 completedBlock 告诉前端显示图片。

Disk(硬盘)缓存清理策略:SDWebImage 会在每次 APP 结束的时候执行清理任务。清理缓存的规则分两步进行。第一步先清除掉过期的缓存文件。如果清除掉过期的缓存之后,空间还不够。那么就继续按文件时间从早到晚排序,先清除最早的缓存文件,直到剩余空间达到要求。

暂时没有使用过。


SwiftUI 图片缓存
https://wonderhoi.com/2024/11/13/SwiftUI-图片缓存/
作者
wonderhoi
发布于
2024年11月13日
许可协议