子类化NSImageView实现支持Cocoa绑定的图片切换动画问题求助

问题根因 #

你遇到的问题有两个核心原因：

1. Cocoa绑定为NSImageView的image属性赋值时，会直接调用该属性的原生setter方法setImage:，不会走通用KVC入口setValue(_:forKey:)，所以你重写该方法无法触发拦截逻辑。
2. 你没有为NSImageView开启layer backing，self.layer默认是nil，就算拦截到赋值逻辑，动画也无法正常执行。

修正实现 #

以下方案完全符合Cocoa绑定框架限制，不需要修改现有绑定逻辑，仅调整自定义AnimatedImageView的实现即可：

class AnimatedImageView: NSImageView {
    // 代码初始化入口
    override init(frame frameRect: NSRect) {
        super.init(frame: frameRect)
        commonSetup()
    }
    
    // IB/XIB初始化入口
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        commonSetup()
    }
    
    // 通用配置：开启layer支持，Core Animation动画依赖layer
    private func commonSetup() {
        wantsLayer = true
    }
    
    // 直接重写image属性的setter，绑定赋值时会直接触发该方法
    override var image: NSImage? {
        set {
            transition(to: newValue)
        }
        get {
            super.image
        }
    }
    
    // 过渡动画逻辑
    private func transition(to newImage: NSImage?) {
        let transition = CATransition()
        transition.duration = 1
        transition.type = .fade
        transition.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        layer?.add(transition, forKey: kCATransition)
        // 调用父类setter完成实际赋值，避免循环调用
        super.image = newImage
    }
}

替换原有自定义类实现后，原有绑定逻辑无需修改，点击按钮切换图片时即可正常触发淡入淡出过渡动画。

内容的提问来源于stack exchange，提问作者Ruben Kazumov