www成人少妇久久久,射进去一区二区

眾所周知，Lottie是個(gè)非常贊的動(dòng)畫庫，不過如果稍不注意，就會(huì)導(dǎo)致內(nèi)存暴增，這里介紹其中一種情況。

最近公司有個(gè)需求是要在直播房間內(nèi)播放一個(gè)禮物動(dòng)畫，用的是 Lottie，但是播放動(dòng)畫時(shí)，會(huì)卡個(gè)兩秒，這種體驗(yàn)是十分不好的，另外播放期間內(nèi)存會(huì)暴增至900+M，非常危險(xiǎn)！必須得解決這個(gè)問題。

內(nèi)存暴增

首先使用 Time Profiler 定位到卡頓的位置是在LayerImageProvider的reloadImages()這個(gè)函數(shù)（這是用來加載動(dòng)畫的資源圖片）

因?yàn)槲覀冺?xiàng)目的禮物動(dòng)畫是會(huì)用到本地圖片的，需要使用AnimationView(animation:, imageProvider:)方式創(chuàng)建動(dòng)畫，指定資源路徑：

動(dòng)畫文件結(jié)構(gòu)

而reloadImages內(nèi)部通過循環(huán)調(diào)用imageProvider.imageForAsset(asset:)來加載的，再點(diǎn)進(jìn)去看看詳細(xì)的代碼：

原來 Lottie 是這么簡單粗暴的加載圖片（眾所周知，UIImage(contentsOfFile:)方式創(chuàng)建的圖片是不會(huì)緩存的，好處是使用完就能銷毀，不過每次調(diào)用都是一個(gè)新的UIImage對象，不適合用在復(fù)用性高的圖片），不過整個(gè)禮物動(dòng)畫也就20張小圖片而已，怎么就暴增到900+M呢，在imageForAsset里面打印一下調(diào)用情況：

哇靠，好家伙，果然，即便同一張圖片都重復(fù)創(chuàng)建了200+次，何況20張，一兩秒內(nèi)就加載了差不多4000多張，不卡才怪，難怪內(nèi)存暴增900+M。

發(fā)現(xiàn)問題所在就好解決了，先將圖片緩存起來，在動(dòng)畫播放期間內(nèi)復(fù)用，不要重復(fù)創(chuàng)建即可。

好在 Lottie 可以讓我們自定義imageProvider，做法很簡單，初始化時(shí)先將 UIImage 緩存起來，再創(chuàng)建動(dòng)畫：

struct CacheImageProvider: AnimationImageProvider {
    let images: [String: CGImage]
    func imageForAsset(asset: ImageAsset) -> CGImage? {
        images[asset.name] ?? nil
    }
}
        
func startAnimation() {
    let anim = Animation.filepath(animJsonPath)

    var images: [String: CGImage] = [:]
    
    for fileName in fileNames {
        let imagePath = imageDirPath + "/\(fileName)" // 拼接完整路徑
        guard let image = UIImage(contentsOfFile: imagePath) else { break }
        images[fileName] = cgImage
    }
    let provider = CacheImageProvider(images: images)
            
    let animView = AnimationView(animation: anim, imageProvider: subItem.provider)
    self.addSubview(animView)
    animView.play()
}

立馬試試，不會(huì)再卡個(gè)兩秒了，爽，再看看內(nèi)存：

最高也就60M，并且動(dòng)畫結(jié)束就釋放，舒服了~

另外，既然是提前緩存，可以參考YYWebImage的做法，再加個(gè)異步解碼吧（系統(tǒng)默認(rèn)是圖片顯示的那一刻才會(huì)解碼，并且解碼過程是在主線程），這樣主線程就更加順滑了：

struct CacheImageProvider: AnimationImageProvider {
    let images: [String: CGImage]
    func imageForAsset(asset: ImageAsset) -> CGImage? {
        images[asset.name] ?? nil
    }
}
        
func startAnimation() {
    DispatchQueue.global().async {
        let anim = Animation.filepath(animJsonPath)

        var images: [String: CGImage] = [:]
        
        for fileName in fileNames {
            let imagePath = imageDirPath + "/\(fileName)" // 拼接完整路徑
            guard let image = UIImage(contentsOfFile: imagePath) else { break }
            guard let cgImage = image.jp.decode() else { break } // 解碼
            images[fileName] = cgImage
        }
        let provider = CacheImageProvider(images: images)
                
        DispatchQueue.main.sync {
            let animView = AnimationView(animation: anim, imageProvider: subItem.provider)
            self.addSubview(animView)
            animView.play()
        }
    }
}

最終效果：