AnimatedImageView.swift 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613
  1. //
  2. // AnimatableImageView.swift
  3. // Kingfisher
  4. //
  5. // Created by bl4ckra1sond3tre on 4/22/16.
  6. //
  7. // The AnimatableImageView, AnimatedFrame and Animator is a modified version of
  8. // some classes from kaishin's Gifu project (https://github.com/kaishin/Gifu)
  9. //
  10. // The MIT License (MIT)
  11. //
  12. // Copyright (c) 2019 Reda Lemeden.
  13. //
  14. // Permission is hereby granted, free of charge, to any person obtaining a copy of
  15. // this software and associated documentation files (the "Software"), to deal in
  16. // the Software without restriction, including without limitation the rights to
  17. // use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
  18. // the Software, and to permit persons to whom the Software is furnished to do so,
  19. // subject to the following conditions:
  20. //
  21. // The above copyright notice and this permission notice shall be included in all
  22. // copies or substantial portions of the Software.
  23. //
  24. // THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  25. // IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
  26. // FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
  27. // COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
  28. // IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  29. // CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  30. //
  31. // The name and characters used in the demo of this software are property of their
  32. // respective owners.
  33. #if canImport(UIKit)
  34. import UIKit
  35. import ImageIO
  36. /// Protocol of `AnimatedImageView`.
  37. public protocol AnimatedImageViewDelegate: AnyObject {
  38. /// Called after the animatedImageView has finished each animation loop.
  39. ///
  40. /// - Parameters:
  41. /// - imageView: The `AnimatedImageView` that is being animated.
  42. /// - count: The looped count.
  43. func animatedImageView(_ imageView: AnimatedImageView, didPlayAnimationLoops count: UInt)
  44. /// Called after the `AnimatedImageView` has reached the max repeat count.
  45. ///
  46. /// - Parameter imageView: The `AnimatedImageView` that is being animated.
  47. func animatedImageViewDidFinishAnimating(_ imageView: AnimatedImageView)
  48. }
  49. extension AnimatedImageViewDelegate {
  50. public func animatedImageView(_ imageView: AnimatedImageView, didPlayAnimationLoops count: UInt) {}
  51. public func animatedImageViewDidFinishAnimating(_ imageView: AnimatedImageView) {}
  52. }
  53. #if swift(>=4.2)
  54. let KFRunLoopModeCommon = RunLoop.Mode.common
  55. #else
  56. let KFRunLoopModeCommon = RunLoopMode.commonModes
  57. #endif
  58. /// Represents a subclass of `UIImageView` for displaying animated image.
  59. /// Different from showing animated image in a normal `UIImageView` (which load all frames at one time),
  60. /// `AnimatedImageView` only tries to load several frames (defined by `framePreloadCount`) to reduce memory usage.
  61. /// It provides a tradeoff between memory usage and CPU time. If you have a memory issue when using a normal image
  62. /// view to load GIF data, you could give this class a try.
  63. ///
  64. /// Kingfisher supports setting GIF animated data to either `UIImageView` and `AnimatedImageView` out of box. So
  65. /// it would be fairly easy to switch between them.
  66. open class AnimatedImageView: UIImageView {
  67. /// Proxy object for preventing a reference cycle between the `CADDisplayLink` and `AnimatedImageView`.
  68. class TargetProxy {
  69. private weak var target: AnimatedImageView?
  70. init(target: AnimatedImageView) {
  71. self.target = target
  72. }
  73. @objc func onScreenUpdate() {
  74. target?.updateFrameIfNeeded()
  75. }
  76. }
  77. /// Enumeration that specifies repeat count of GIF
  78. public enum RepeatCount: Equatable {
  79. case once
  80. case finite(count: UInt)
  81. case infinite
  82. public static func ==(lhs: RepeatCount, rhs: RepeatCount) -> Bool {
  83. switch (lhs, rhs) {
  84. case let (.finite(l), .finite(r)):
  85. return l == r
  86. case (.once, .once),
  87. (.infinite, .infinite):
  88. return true
  89. case (.once, .finite(let count)),
  90. (.finite(let count), .once):
  91. return count == 1
  92. case (.once, _),
  93. (.infinite, _),
  94. (.finite, _):
  95. return false
  96. }
  97. }
  98. }
  99. // MARK: - Public property
  100. /// Whether automatically play the animation when the view become visible. Default is `true`.
  101. public var autoPlayAnimatedImage = true
  102. /// The count of the frames should be preloaded before shown.
  103. public var framePreloadCount = 10
  104. /// Specifies whether the GIF frames should be pre-scaled to the image view's size or not.
  105. /// If the downloaded image is larger than the image view's size, it will help to reduce some memory use.
  106. /// Default is `true`.
  107. public var needsPrescaling = true
  108. /// Decode the GIF frames in background thread before using. It will decode frames data and do a off-screen
  109. /// rendering to extract pixel information in background. This can reduce the main thread CPU usage.
  110. public var backgroundDecode = true
  111. /// The animation timer's run loop mode. Default is `RunLoop.Mode.common`.
  112. /// Set this property to `RunLoop.Mode.default` will make the animation pause during UIScrollView scrolling.
  113. public var runLoopMode = KFRunLoopModeCommon {
  114. willSet {
  115. guard runLoopMode != newValue else { return }
  116. stopAnimating()
  117. displayLink.remove(from: .main, forMode: runLoopMode)
  118. displayLink.add(to: .main, forMode: newValue)
  119. startAnimating()
  120. }
  121. }
  122. /// The repeat count. The animated image will keep animate until it the loop count reaches this value.
  123. /// Setting this value to another one will reset current animation.
  124. ///
  125. /// Default is `.infinite`, which means the animation will last forever.
  126. public var repeatCount = RepeatCount.infinite {
  127. didSet {
  128. if oldValue != repeatCount {
  129. reset()
  130. setNeedsDisplay()
  131. layer.setNeedsDisplay()
  132. }
  133. }
  134. }
  135. /// Delegate of this `AnimatedImageView` object. See `AnimatedImageViewDelegate` protocol for more.
  136. public weak var delegate: AnimatedImageViewDelegate?
  137. // MARK: - Private property
  138. /// `Animator` instance that holds the frames of a specific image in memory.
  139. private var animator: Animator?
  140. // Dispatch queue used for preloading images.
  141. private lazy var preloadQueue: DispatchQueue = {
  142. return DispatchQueue(label: "com.onevcat.Kingfisher.Animator.preloadQueue")
  143. }()
  144. // A flag to avoid invalidating the displayLink on deinit if it was never created, because displayLink is so lazy.
  145. private var isDisplayLinkInitialized: Bool = false
  146. // A display link that keeps calling the `updateFrame` method on every screen refresh.
  147. private lazy var displayLink: CADisplayLink = {
  148. isDisplayLinkInitialized = true
  149. let displayLink = CADisplayLink(
  150. target: TargetProxy(target: self), selector: #selector(TargetProxy.onScreenUpdate))
  151. displayLink.add(to: .main, forMode: runLoopMode)
  152. displayLink.isPaused = true
  153. return displayLink
  154. }()
  155. // MARK: - Override
  156. override open var image: KFCrossPlatformImage? {
  157. didSet {
  158. if image != oldValue {
  159. reset()
  160. }
  161. setNeedsDisplay()
  162. layer.setNeedsDisplay()
  163. }
  164. }
  165. deinit {
  166. if isDisplayLinkInitialized {
  167. displayLink.invalidate()
  168. }
  169. }
  170. override open var isAnimating: Bool {
  171. if isDisplayLinkInitialized {
  172. return !displayLink.isPaused
  173. } else {
  174. return super.isAnimating
  175. }
  176. }
  177. /// Starts the animation.
  178. override open func startAnimating() {
  179. guard !isAnimating else { return }
  180. if animator?.isReachMaxRepeatCount ?? false {
  181. return
  182. }
  183. displayLink.isPaused = false
  184. }
  185. /// Stops the animation.
  186. override open func stopAnimating() {
  187. super.stopAnimating()
  188. if isDisplayLinkInitialized {
  189. displayLink.isPaused = true
  190. }
  191. }
  192. override open func display(_ layer: CALayer) {
  193. if let currentFrame = animator?.currentFrameImage {
  194. layer.contents = currentFrame.cgImage
  195. } else {
  196. layer.contents = image?.cgImage
  197. }
  198. }
  199. override open func didMoveToWindow() {
  200. super.didMoveToWindow()
  201. didMove()
  202. }
  203. override open func didMoveToSuperview() {
  204. super.didMoveToSuperview()
  205. didMove()
  206. }
  207. // This is for back compatibility that using regular `UIImageView` to show animated image.
  208. override func shouldPreloadAllAnimation() -> Bool {
  209. return false
  210. }
  211. // Reset the animator.
  212. private func reset() {
  213. animator = nil
  214. if let imageSource = image?.kf.imageSource {
  215. let targetSize = bounds.scaled(UIScreen.main.scale).size
  216. let animator = Animator(
  217. imageSource: imageSource,
  218. contentMode: contentMode,
  219. size: targetSize,
  220. framePreloadCount: framePreloadCount,
  221. repeatCount: repeatCount,
  222. preloadQueue: preloadQueue)
  223. animator.delegate = self
  224. animator.needsPrescaling = needsPrescaling
  225. animator.backgroundDecode = backgroundDecode
  226. animator.prepareFramesAsynchronously()
  227. self.animator = animator
  228. }
  229. didMove()
  230. }
  231. private func didMove() {
  232. if autoPlayAnimatedImage && animator != nil {
  233. if let _ = superview, let _ = window {
  234. startAnimating()
  235. } else {
  236. stopAnimating()
  237. }
  238. }
  239. }
  240. /// Update the current frame with the displayLink duration.
  241. private func updateFrameIfNeeded() {
  242. guard let animator = animator else {
  243. return
  244. }
  245. guard !animator.isFinished else {
  246. stopAnimating()
  247. delegate?.animatedImageViewDidFinishAnimating(self)
  248. return
  249. }
  250. let duration: CFTimeInterval
  251. // CA based display link is opt-out from ProMotion by default.
  252. // So the duration and its FPS might not match.
  253. // See [#718](https://github.com/onevcat/Kingfisher/issues/718)
  254. // By setting CADisableMinimumFrameDuration to YES in Info.plist may
  255. // cause the preferredFramesPerSecond being 0
  256. let preferredFramesPerSecond = displayLink.preferredFramesPerSecond
  257. if preferredFramesPerSecond == 0 {
  258. duration = displayLink.duration
  259. } else {
  260. // Some devices (like iPad Pro 10.5) will have a different FPS.
  261. duration = 1.0 / Double(preferredFramesPerSecond)
  262. }
  263. animator.shouldChangeFrame(with: duration) { [weak self] hasNewFrame in
  264. if hasNewFrame {
  265. self?.layer.setNeedsDisplay()
  266. }
  267. }
  268. }
  269. }
  270. protocol AnimatorDelegate: AnyObject {
  271. func animator(_ animator: AnimatedImageView.Animator, didPlayAnimationLoops count: UInt)
  272. }
  273. extension AnimatedImageView: AnimatorDelegate {
  274. func animator(_ animator: Animator, didPlayAnimationLoops count: UInt) {
  275. delegate?.animatedImageView(self, didPlayAnimationLoops: count)
  276. }
  277. }
  278. extension AnimatedImageView {
  279. // Represents a single frame in a GIF.
  280. struct AnimatedFrame {
  281. // The image to display for this frame. Its value is nil when the frame is removed from the buffer.
  282. let image: UIImage?
  283. // The duration that this frame should remain active.
  284. let duration: TimeInterval
  285. // A placeholder frame with no image assigned.
  286. // Used to replace frames that are no longer needed in the animation.
  287. var placeholderFrame: AnimatedFrame {
  288. return AnimatedFrame(image: nil, duration: duration)
  289. }
  290. // Whether this frame instance contains an image or not.
  291. var isPlaceholder: Bool {
  292. return image == nil
  293. }
  294. // Returns a new instance from an optional image.
  295. //
  296. // - parameter image: An optional `UIImage` instance to be assigned to the new frame.
  297. // - returns: An `AnimatedFrame` instance.
  298. func makeAnimatedFrame(image: UIImage?) -> AnimatedFrame {
  299. return AnimatedFrame(image: image, duration: duration)
  300. }
  301. }
  302. }
  303. extension AnimatedImageView {
  304. // MARK: - Animator
  305. class Animator {
  306. private let size: CGSize
  307. private let maxFrameCount: Int
  308. private let imageSource: CGImageSource
  309. private let maxRepeatCount: RepeatCount
  310. private let maxTimeStep: TimeInterval = 1.0
  311. private let animatedFrames = SafeArray<AnimatedFrame>()
  312. private var frameCount = 0
  313. private var timeSinceLastFrameChange: TimeInterval = 0.0
  314. private var currentRepeatCount: UInt = 0
  315. var isFinished: Bool = false
  316. var needsPrescaling = true
  317. var backgroundDecode = true
  318. weak var delegate: AnimatorDelegate?
  319. // Total duration of one animation loop
  320. var loopDuration: TimeInterval = 0
  321. // Current active frame image
  322. var currentFrameImage: UIImage? {
  323. return frame(at: currentFrameIndex)
  324. }
  325. // Current active frame duration
  326. var currentFrameDuration: TimeInterval {
  327. return duration(at: currentFrameIndex)
  328. }
  329. // The index of the current GIF frame.
  330. var currentFrameIndex = 0 {
  331. didSet {
  332. previousFrameIndex = oldValue
  333. }
  334. }
  335. var previousFrameIndex = 0 {
  336. didSet {
  337. preloadQueue.async {
  338. self.updatePreloadedFrames()
  339. }
  340. }
  341. }
  342. var isReachMaxRepeatCount: Bool {
  343. switch maxRepeatCount {
  344. case .once:
  345. return currentRepeatCount >= 1
  346. case .finite(let maxCount):
  347. return currentRepeatCount >= maxCount
  348. case .infinite:
  349. return false
  350. }
  351. }
  352. var isLastFrame: Bool {
  353. return currentFrameIndex == frameCount - 1
  354. }
  355. var preloadingIsNeeded: Bool {
  356. return maxFrameCount < frameCount - 1
  357. }
  358. var contentMode = UIView.ContentMode.scaleToFill
  359. private lazy var preloadQueue: DispatchQueue = {
  360. return DispatchQueue(label: "com.onevcat.Kingfisher.Animator.preloadQueue")
  361. }()
  362. /// Creates an animator with image source reference.
  363. ///
  364. /// - Parameters:
  365. /// - source: The reference of animated image.
  366. /// - mode: Content mode of the `AnimatedImageView`.
  367. /// - size: Size of the `AnimatedImageView`.
  368. /// - count: Count of frames needed to be preloaded.
  369. /// - repeatCount: The repeat count should this animator uses.
  370. init(imageSource source: CGImageSource,
  371. contentMode mode: UIView.ContentMode,
  372. size: CGSize,
  373. framePreloadCount count: Int,
  374. repeatCount: RepeatCount,
  375. preloadQueue: DispatchQueue) {
  376. self.imageSource = source
  377. self.contentMode = mode
  378. self.size = size
  379. self.maxFrameCount = count
  380. self.maxRepeatCount = repeatCount
  381. self.preloadQueue = preloadQueue
  382. }
  383. func frame(at index: Int) -> KFCrossPlatformImage? {
  384. return animatedFrames[index]?.image
  385. }
  386. func duration(at index: Int) -> TimeInterval {
  387. return animatedFrames[index]?.duration ?? .infinity
  388. }
  389. func prepareFramesAsynchronously() {
  390. frameCount = Int(CGImageSourceGetCount(imageSource))
  391. animatedFrames.reserveCapacity(frameCount)
  392. preloadQueue.async { [weak self] in
  393. self?.setupAnimatedFrames()
  394. }
  395. }
  396. func shouldChangeFrame(with duration: CFTimeInterval, handler: (Bool) -> Void) {
  397. incrementTimeSinceLastFrameChange(with: duration)
  398. if currentFrameDuration > timeSinceLastFrameChange {
  399. handler(false)
  400. } else {
  401. resetTimeSinceLastFrameChange()
  402. incrementCurrentFrameIndex()
  403. handler(true)
  404. }
  405. }
  406. private func setupAnimatedFrames() {
  407. resetAnimatedFrames()
  408. var duration: TimeInterval = 0
  409. (0..<frameCount).forEach { index in
  410. let frameDuration = GIFAnimatedImage.getFrameDuration(from: imageSource, at: index)
  411. duration += min(frameDuration, maxTimeStep)
  412. animatedFrames.append(AnimatedFrame(image: nil, duration: frameDuration))
  413. if index > maxFrameCount { return }
  414. animatedFrames[index] = animatedFrames[index]?.makeAnimatedFrame(image: loadFrame(at: index))
  415. }
  416. self.loopDuration = duration
  417. }
  418. private func resetAnimatedFrames() {
  419. animatedFrames.removeAll()
  420. }
  421. private func loadFrame(at index: Int) -> UIImage? {
  422. let options: [CFString: Any] = [
  423. kCGImageSourceCreateThumbnailFromImageIfAbsent: true,
  424. kCGImageSourceCreateThumbnailWithTransform: true,
  425. kCGImageSourceShouldCacheImmediately: true,
  426. kCGImageSourceThumbnailMaxPixelSize: max(size.width, size.height)
  427. ]
  428. let resize = needsPrescaling && size != .zero
  429. guard let cgImage = CGImageSourceCreateImageAtIndex(imageSource,
  430. index,
  431. resize ? options as CFDictionary : nil) else {
  432. return nil
  433. }
  434. let image = KFCrossPlatformImage(cgImage: cgImage)
  435. return backgroundDecode ? image.kf.decoded : image
  436. }
  437. private func updatePreloadedFrames() {
  438. guard preloadingIsNeeded else {
  439. return
  440. }
  441. animatedFrames[previousFrameIndex] = animatedFrames[previousFrameIndex]?.placeholderFrame
  442. preloadIndexes(start: currentFrameIndex).forEach { index in
  443. guard let currentAnimatedFrame = animatedFrames[index] else { return }
  444. if !currentAnimatedFrame.isPlaceholder { return }
  445. animatedFrames[index] = currentAnimatedFrame.makeAnimatedFrame(image: loadFrame(at: index))
  446. }
  447. }
  448. private func incrementCurrentFrameIndex() {
  449. currentFrameIndex = increment(frameIndex: currentFrameIndex)
  450. if isLastFrame {
  451. currentRepeatCount += 1
  452. if isReachMaxRepeatCount {
  453. isFinished = true
  454. }
  455. delegate?.animator(self, didPlayAnimationLoops: currentRepeatCount)
  456. }
  457. }
  458. private func incrementTimeSinceLastFrameChange(with duration: TimeInterval) {
  459. timeSinceLastFrameChange += min(maxTimeStep, duration)
  460. }
  461. private func resetTimeSinceLastFrameChange() {
  462. timeSinceLastFrameChange -= currentFrameDuration
  463. }
  464. private func increment(frameIndex: Int, by value: Int = 1) -> Int {
  465. return (frameIndex + value) % frameCount
  466. }
  467. private func preloadIndexes(start index: Int) -> [Int] {
  468. let nextIndex = increment(frameIndex: index)
  469. let lastIndex = increment(frameIndex: index, by: maxFrameCount)
  470. if lastIndex >= nextIndex {
  471. return [Int](nextIndex...lastIndex)
  472. } else {
  473. return [Int](nextIndex..<frameCount) + [Int](0...lastIndex)
  474. }
  475. }
  476. }
  477. }
  478. class SafeArray<Element> {
  479. private var array: Array<Element> = []
  480. private let lock = NSLock()
  481. subscript(index: Int) -> Element? {
  482. get {
  483. lock.lock()
  484. defer { lock.unlock() }
  485. return array.indices ~= index ? array[index] : nil
  486. }
  487. set {
  488. lock.lock()
  489. defer { lock.unlock() }
  490. if let newValue = newValue, array.indices ~= index {
  491. array[index] = newValue
  492. }
  493. }
  494. }
  495. var count : Int {
  496. lock.lock()
  497. defer { lock.unlock() }
  498. return array.count
  499. }
  500. func reserveCapacity(_ count: Int) {
  501. lock.lock()
  502. defer { lock.unlock() }
  503. array.reserveCapacity(count)
  504. }
  505. func append(_ element: Element) {
  506. lock.lock()
  507. defer { lock.unlock() }
  508. array += [element]
  509. }
  510. func removeAll() {
  511. lock.lock()
  512. defer { lock.unlock() }
  513. array = []
  514. }
  515. }
  516. #endif