NSButtonでアニメーションをつけてGIF画像を表示

概要

• 下記のようにNSButtonにアニメーションのGIF画像を表示する。

方針

• NSButtonが持つプロパティはNSImageViewではなくNSImage。なのでSDWebImage/SDWebImage Publicを使い、NSButtonにSDAnimatedImageViewをaddSubViewすることで実現する。

参考

• NSButton and Image Animation
  • 方針の参考に
• ikeh-shared-library/macOS/NSView+AutoLayout.swift
  • 使用したAutoLayout用のUtils

import Cocoa
import SDWebImage

class ViewController: NSViewController {

    @IBOutlet weak var imageButton: NSButton!

    override func viewDidLoad() {
        super.viewDidLoad()

        SDWebImageManager.shared.loadImage(with: URL(fileURLWithPath: "/Users/ikeh/Downloads/ImageSample/giphy.gif"), options: [], progress: nil) { loadedImage, _, _, _, _, _ in
            guard let loadedImage = loadedImage else { return }
            let animatedImageView = SDAnimatedImageView(image: loadedImage)
            animatedImageView.animates = true
            self.imageButton.addSubview(animatedImageView)
            animatedImageView.anchor(top: self.imageButton.topAnchor, left: self.imageButton.leftAnchor, right: self.imageButton.rightAnchor, bottom: self.imageButton.bottomAnchor, paddingTop: 2, paddingLeft: 2, paddingRight: 2, paddingBottom: 2)
        }
    }

    @IBAction func imageButtonClicked(_ sender: Any) {
        print("imageButtonClicked")
    }
}