SwiftUI切换SVG背景图后如何释放旧图片内存？

问题原因 #

SwiftUI的Image组件依赖系统默认的图片缓存机制，加载Assets中的SVG时会自动缓存资源。每次切换新图时，旧图的引用仍被缓存持有，无法被ARC自动回收，导致内存持续堆积。

解决方案 #

通过手动控制图片加载逻辑，绕过系统默认缓存，确保旧图片资源在切换后能被及时释放：

1. 使用UIImage(contentsOfFile:)加载图片：该方法不会自动缓存图片，加载的对象仅在被引用时存在，无引用时会被ARC回收。
2. 管理当前显示的图片对象：用@State变量持有当前显示的UIImage，切换时更新该变量，旧对象因失去引用会被释放。
3. 修复数组越界问题：添加取模运算实现图片循环切换，避免下标越界崩溃。

完整代码示例 #

import SwiftUI

struct ContentView: View {
    let listOfImages: [String] = ["One", "Two", "Three", "Four"]
    @State private var counter = 0
    @State private var currentImage: UIImage?
    
    var body: some View {
        VStack {
            Button(action: {
                // 循环切换图片，避免下标越界
                counter = (counter + 1) % listOfImages.count
                // 加载新图片，替换旧引用
                currentImage = loadImageFromAssets(named: listOfImages[counter])
            }, label: {
                Text("Next Image")
            })
        }
        .background(
            Group {
                if let image = currentImage {
                    Image(uiImage: image)
                        .resizable() // 适配背景尺寸
                        .scaledToFill() // 根据需求选择填充模式
                        .clipped() // 裁剪超出视图范围的部分
                }
            }
        )
        .padding()
        .onAppear {
            // 初始化加载第一张图
            currentImage = loadImageFromAssets(named: listOfImages[0])
        }
    }
    
    /// 从Assets加载SVG图片，不使用系统缓存
    private func loadImageFromAssets(named: String) -> UIImage? {
        guard let filePath = Bundle.main.path(forResource: named, ofType: "svg") else {
            print("无法找到图片资源: \(named).svg")
            return nil
        }
        return UIImage(contentsOfFile: filePath)
    }
}

关键说明 #

• UIImage(contentsOfFile:)：直接从文件路径加载图片，不加入系统图片缓存，确保旧图片无引用时被回收。
• @State private var currentImage：仅持有当前显示的图片对象，切换时旧对象失去唯一引用，触发ARC回收。
• 背景图适配：添加resizable()、scaledToFill()等修饰符，确保SVG正确适配视图背景，避免显示异常。

验证方法 #

使用Xcode的Memory Graph Debugger监控内存变化：切换图片后，旧图片的内存应被及时释放，内存占用保持稳定。

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