如何实现NSWindow关闭至NSStatusItem的动画效果？

我之前做macOS开发时刚好碰到过这个问题，窗口的最小尺寸约束确实会把动画卡死，给你分享两个亲测可行的方案：

方案一：用窗口快照绕开尺寸约束（推荐） #

这个思路是先给当前窗口拍一张快照，用临时窗口承载快照做动画，原窗口直接隐藏，完全避开窗口本身的尺寸限制，动画效果和系统最小化到程序坞几乎一致。

具体步骤 #

1. 生成当前窗口的高清快照
2. 创建一个无边框的临时透明窗口，把快照视图放进去
3. 计算状态栏图标的屏幕坐标，确定动画的目标位置
4. 执行缩放手势动画，结束后清理临时资源并显示状态栏图标

代码示例（Swift） #

func animateWindowToStatusBar() {
    guard let statusItem = yourStatusBarItem, let statusButton = statusItem.button else { return }
    
    // 1. 生成窗口快照
    let window = self.window!
    let windowFrame = window.frame
    let bitmapRep = window.bitmapImageRepForCachingDisplay(in: windowFrame)!
    window.cacheDisplay(in: windowFrame, to: bitmapRep)
    let snapshotImage = NSImage(size: windowFrame.size)
    snapshotImage.addRepresentation(bitmapRep)
    
    // 2. 创建临时窗口承载快照
    let tempWindow = NSWindow(
        contentRect: windowFrame,
        styleMask: .borderless,
        backing: .buffered,
        defer: false
    )
    tempWindow.backgroundColor = .clear
    tempWindow.level = .statusBar + 1 // 确保快照在状态栏上方显示
    tempWindow.orderFront(nil)
    
    let snapshotView = NSImageView(frame: NSRect(origin: .zero, size: windowFrame.size))
    snapshotView.image = snapshotImage
    tempWindow.contentView?.addSubview(snapshotView)
    
    // 3. 计算状态栏图标的目标位置（缩至图标大小并居中对齐）
    let statusScreenFrame = statusButton.convert(statusButton.bounds, to: nil)
    let scale: CGFloat = 0.1 // 缩至原窗口的10%，和系统最小化比例一致
    let targetSize = NSSize(
        width: windowFrame.width * scale,
        height: windowFrame.height * scale
    )
    let targetFrame = NSRect(
        x: statusScreenFrame.midX - targetSize.width / 2,
        y: statusScreenFrame.midY - targetSize.height / 2,
        width: targetSize.width,
        height: targetSize.height
    )
    
    // 4. 执行动画
    NSAnimationContext.runAnimationGroup({ context in
        context.duration = 0.3 // 匹配系统最小化动画时长
        context.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        // 同时动画快照视图和临时窗口的frame
        snapshotView.animator().frame = NSRect(origin: .zero, size: targetSize)
        tempWindow.animator().frame = targetFrame
    }, completionHandler: {
        // 动画结束后清理并切换状态
        window.orderOut(nil)
        tempWindow.close()
        statusItem.isVisible = true
    })
}

方案二：临时解除窗口尺寸约束 #

如果不想用快照，想直接对原窗口做动画，可以临时解除最小尺寸限制，动画结束后再恢复。不过这个方案要注意处理窗口内部的AutoLayout约束，避免布局错乱。

代码示例（Swift） #

func animateWindowToStatusBarDirectly() {
    guard let statusItem = yourStatusBarItem else { return }
    let window = self.window!
    
    // 保存原窗口的最小尺寸和位置
    let originalMinSize = window.minSize
    let originalFrame = window.frame
    
    // 临时解除最小尺寸限制
    window.minSize = NSSize(width: 1, height: 1)
    
    // 计算状态栏目标位置
    let statusScreenFrame = statusItem.button!.convert(statusItem.button!.bounds, to: nil)
    let targetFrame = NSRect(
        x: statusScreenFrame.midX - 10,
        y: statusScreenFrame.midY - 10,
        width: 20,
        height: 20
    )
    
    NSAnimationContext.runAnimationGroup({ context in
        context.duration = 0.3
        context.timingFunction = CAMediaTimingFunction(name: .easeInEaseOut)
        window.animator().frame = targetFrame
    }, completionHandler: {
        // 恢复原窗口设置并切换状态
        window.orderOut(nil)
        window.minSize = originalMinSize
        // 恢复原窗口位置，下次打开时直接用
        window.setFrame(originalFrame, display: false)
        statusItem.isVisible = true
    })
}

额外提示 #

• 如果窗口用了AutoLayout，方案二可能需要临时降低内容视图约束的优先级，动画结束后再恢复，避免窗口缩小过程中出现布局警告。
• 可以给动画加上透明度变化，比如在动画最后让快照视图逐渐透明，过渡更自然。
• 反向动画（从状态栏恢复窗口）可以用同样的思路，反向执行即可。

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