前言

最近DanmakuKit收到了一个issue咨询如何在弹幕上展示GIF图。虽然我认为DanmakuKit提供的接口足以让开发者自己来实现GIF的展示，但是我决定还是要让DanmakuKit直接支持这个能力作为一个不默认引入的subspec。

技术方案

以我的了解，在iOS上实现GIF图展示的方案有两种。第一种是将GIF图取出来解析成每一帧图片并用帧动画进行播放。第二种是使用CADisplayLink，每次取有限数量的图片出来设置layer.content来播放。两种方案的优劣对比如下：

方案	优点	缺点
帧动画	实现方案简单，CPU利用率低	内存占用大，图片在主线程解码，存在流畅性问题
CADisplayLink动画	内存占用低，基本不存在流畅性问题	实现方案复杂，CPU利用率略高

帧动画

第一种方案实现十分简单，只需要将GIF图每一帧拆出来成一张CGImage，并获得每一帧的duration就可以生成GIF图的帧动画，代码如下：

func createGIFAnimation() -> CAKeyframeAnimation? {
        guard let data = gifModel?.resource else { return nil }
        let bytes = [UInt8](data)
        guard let gifData = CFDataCreate(nil, bytes, bytes.count) else { return nil }
        guard let image = CGImageSourceCreateWithData(gifData, nil) else { return nil }

        var time: Float = 0

        var framesArray: [AnyObject] = []
        var tempTimesArray: [NSNumber] = []
        let frameCount = CGImageSourceGetCount(image)

        for i in 0..<frameCount {
            var frameDuration: Float = 0.1
            let properties = CGImageSourceCopyPropertiesAtIndex(image, i, nil)
            guard let framePrpoerties = properties as? [String: AnyObject] else { return nil }
            guard let gifProperties = framePrpoerties[kCGImagePropertyGIFDictionary as String] as? [String: AnyObject] else { return nil }

            if let delayTimeUnclampedProp = gifProperties[kCGImagePropertyGIFUnclampedDelayTime as String] as? NSNumber {
                frameDuration = delayTimeUnclampedProp.floatValue
            } else {
                if let delayTimeProp = gifProperties[kCGImagePropertyGIFDelayTime as String] as? NSNumber {
                    frameDuration = delayTimeProp.floatValue
                }
            }

            if frameDuration < 0.011 {
                frameDuration = 0.1
            }

            if let frame = CGImageSourceCreateImageAtIndex(image, i, nil) {
                tempTimesArray.append(NSNumber(value: frameDuration))
                framesArray.append(frame)
            }

            time += frameDuration
        }

        var timesArray: [NSNumber] = []
        var base: Float = 0
        for duration in tempTimesArray {
            base += duration.floatValue / time
            timesArray.append(NSNumber(value: base))
        }

        timesArray.append(NSNumber(value: 1.0))

        let animation = CAKeyframeAnimation(keyPath: "contents")
        animation.beginTime = CACurrentMediaTime()
        animation.duration = CFTimeInterval(time)
        animation.repeatCount = Float.greatestFiniteMagnitude
        animation.isRemovedOnCompletion = false
        animation.fillMode = .forwards
        animation.values = framesArray
        animation.keyTimes = timesArray
        animation.timingFunction = CAMediaTimingFunction(name: .linear)
        animation.calculationMode = .discrete
        return animation

    }