Swift中实现图片序列动画遇到问题，求解决方案

嘿，我看了你这段实现图片序列动画的Swift代码，先帮你梳理下可能踩的坑，再给你几个实用的优化方案～

从你贴的代码片段来看，有几个容易导致动画失效或异常的点：

• 没看到velkomstImgList的图片加载逻辑，如果数组是空的，动画根本跑不起来
• 没有调用super.viewDidAppear(animated)，这会破坏视图生命周期的正常流程
• 缺失animateVelkomst()的具体实现，大概率是这里的动画逻辑出了问题（比如手动循环设置图片导致卡顿、没控制好播放时长）

UIImageView本身就内置了序列动画的能力，不需要自己手动处理帧调度，系统会帮你优化性能，适合大多数场景。我帮你补全并优化代码：

var animatedImage = UIImageView()
var velkomstImgList = [UIImage]()

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated) // 必须调用super，保证视图生命周期正常执行
    
    animatedImage.frame = CGRect(x: 0, y: 0, width: scrollView.frame.width, height: 200)
    animatedImage.contentMode = .scaleAspectFit
    scrollView.addSubview(animatedImage)
    
    // 先加载图片序列
    loadAnimationImages()
    // 执行动画
    animateVelkomst()
}

private func loadAnimationImages() {
    // 替换成你实际的图片命名规则和数量，比如velkomst_1、velkomst_2...
    for index in 1...10 {
        guard let image = UIImage(named: "velkomst_\(index)") else {
            print("加载图片velkomst_\(index)失败，请检查文件名和资源是否存在")
            continue
        }
        velkomstImgList.append(image)
    }
}

private func animateVelkomst() {
    guard !velkomstImgList.isEmpty else {
        print("没有可播放的图片序列！")
        return
    }
    
    // 配置原生动画参数
    animatedImage.animationImages = velkomstImgList
    animatedImage.animationDuration = 1.5 // 整个序列播放的总时长（比如1.5秒播完所有图）
    animatedImage.animationRepeatCount = 0 // 0表示无限循环，改成具体数字可设置播放次数（比如3=播3次）
    animatedImage.startAnimating()
}

// 记得在不需要动画时停止，避免内存浪费
override func viewDidDisappear(_ animated: Bool) {
    super.viewDidDisappear(animated)
    animatedImage.stopAnimating()
}

如果需要更灵活的控制（比如中途暂停/继续、动态调整帧率、响应触摸事件），可以用CADisplayLink手动管理帧更新：

var animatedImage = UIImageView()
var velkomstImgList = [UIImage]()
var displayLink: CADisplayLink?
var currentFrameIndex = 0
let targetFPS: Double = 30 // 自定义帧率，比如30帧/秒

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    
    animatedImage.frame = CGRect(x: 0, y: 0, width: scrollView.frame.width, height: 200)
    animatedImage.contentMode = .scaleAspectFit
    scrollView.addSubview(animatedImage)
    
    loadAnimationImages()
    setupDisplayLink()
}

private func loadAnimationImages() {
    // 同方案1的图片加载逻辑
    for index in 1...10 {
        guard let image = UIImage(named: "velkomst_\(index)") else {
            print("加载图片velkomst_\(index)失败")
            continue
        }
        velkomstImgList.append(image)
    }
}

private func setupDisplayLink() {
    guard !velkomstImgList.isEmpty else {
        print("没有可播放的图片序列！")
        return
    }
    
    displayLink = CADisplayLink(target: self, selector: #selector(updateAnimationFrame))
    displayLink?.preferredFramesPerSecond = Int(targetFPS)
    displayLink?.add(to: .main, forMode: .common)
}

@objc private func updateAnimationFrame() {
    animatedImage.image = velkomstImgList[currentFrameIndex]
    currentFrameIndex += 1
    
    // 循环播放逻辑
    if currentFrameIndex >= velkomstImgList.count {
        currentFrameIndex = 0
        // 如果只需要播放一次，替换成下面的代码停止动画
        // displayLink?.invalidate()
        // displayLink = nil
    }
}

// 视图消失时清理资源，避免内存泄漏
override func viewDidDisappear(_ animated: Bool) {
    super.viewDidDisappear(animated)
    displayLink?.invalidate()
    displayLink = nil
}

• 检查图片资源是否正确加入项目，文件名是否区分大小写（iOS对文件名大小写敏感）
• 如果动画卡顿，大概率是图片尺寸过大，建议压缩到和UIImageView匹配的分辨率
• 用原生动画时，若要停止动画，一定要调用stopAnimating()，否则图片会一直驻留在内存里

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