[Swift]悠游於咖啡中

利用 UIImageView 實現多張圖片連續播放的動畫

1. 先挑選一個 Gif 下載

Thousands of animated gifs, images, pictures & animations: 100% FREE!

2. 將 Gif 轉成多張圖片

Split animated GIF image in frames (free online tool)

3. 將下載的圖片加到 Assets

4. 在 Controller 的 viewDidLoad 裡設定 ImageView 播放動畫

override func viewDidLoad() {
    super.viewDidLoad()
    let imageView = UIImageView(frame: CGRect(x: 100, y: 150, width: 200, height: 200))
    view.addSubview(imageView)
    var images = [UIImage]()
    
    for index in 0…9 {
        let image = UIImage(named: “frame_0\(index)_delay-0.15s”)!
        images.append(image)
    }
    let animatedImage = UIImage.animatedImage(with: images, duration: 1)
    imageView.image = animatedImage
}

5. 最後就看到了一個在咖啡裡優游的人