NSHostingView能否为其尺寸变化添加动画效果？

问题根源 #

你当前的子类实现无效，是因为layout()是AppKit布局系统的核心回调，在这里直接修改frame会和Auto Layout的自动计算逻辑冲突，手动调用animator()修改尺寸的方式无法和SwiftUI内部的布局更新协同，导致动画被布局系统覆盖。

两种可行解决方案 #

方案一：SwiftUI层面驱动动画（推荐） #

既然内部SwiftUI视图的尺寸变化已有动画，我们可以让SwiftUI主导整个尺寸动画流程，同时确保NSHostingView遵循Auto Layout规则，让布局系统自动跟随SwiftUI的尺寸变化并应用动画。

首先给SwiftUI根视图添加动画修饰符：

struct DynamicContentView: View {
    @State private var isExpanded = false
    
    var body: some View {
        VStack(spacing: 16) {
            // 可变尺寸的内容区域
            if isExpanded {
                Text("这是展开后的长内容，会让视图高度增加")
                    .frame(height: 200)
                    .background(.gray.opacity(0.2))
            } else {
                Text("折叠状态的短内容")
                    .background(.gray.opacity(0.2))
            }
            
            Button(isExpanded ? "折叠" : "展开") {
                withAnimation(.easeInOut(duration: 0.3)) {
                    isExpanded.toggle()
                }
            }
        }
        .padding()
        .animation(.easeInOut(duration: 0.3), value: isExpanded) // 绑定尺寸变化的动画
    }
}

然后初始化NSHostingView时，禁用自动尺寸掩码，使用Auto Layout约束：

let hostingView = NSHostingView(rootView: DynamicContentView())
hostingView.translatesAutoresizingMaskIntoConstraints = false
hostingView.wantsLayer = true
hostingView.layer?.backgroundColor = NSColor.systemTeal.cgColor

// 添加到父视图并设置约束
yourParentView.addSubview(hostingView)
NSLayoutConstraint.activate([
    hostingView.centerXAnchor.constraint(equalTo: yourParentView.centerXAnchor),
    hostingView.centerYAnchor.constraint(equalTo: yourParentView.centerYAnchor),
    hostingView.leadingAnchor.constraint(greaterThanOrEqualTo: yourParentView.leadingAnchor, constant: 20),
    hostingView.trailingAnchor.constraint(lessThanOrEqualTo: yourParentView.trailingAnchor, constant: -20)
])

方案二：自定义NSHostingView子类（AppKit层面处理） #

如果必须在AppKit层实现动画，不要在layout()里操作frame，而是重写setFrameSize(_:)方法，在尺寸变化时通过NSAnimationContext包裹布局更新：

class AnimatableHostingView<Content>: NSHostingView<Content> where Content: View {
    override init(rootView: Content) {
        super.init(rootView: rootView)
        setupView()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupView()
    }
    
    private func setupView() {
        wantsLayer = true
        layer?.backgroundColor = NSColor.systemTeal.cgColor
        translatesAutoresizingMaskIntoConstraints = false
    }
    
    override func setFrameSize(_ newSize: NSSize) {
        guard frame.size != newSize else {
            super.setFrameSize(newSize)
            return
        }
        
        NSAnimationContext.runAnimationGroup { context in
            context.duration = 0.3
            context.allowsImplicitAnimation = true
            // 在动画上下文中执行父类的尺寸设置，让布局系统应用动画
            super.setFrameSize(newSize)
            superview?.layoutSubtreeIfNeeded()
        }
    }
}

核心注意事项 #

• 必须禁用translatesAutoresizingMaskIntoConstraints，否则Auto Layout无法正常工作，动画会被布局系统强制覆盖。
• 不要混合直接修改frame和Auto Layout，这会导致布局冲突，动画完全失效。
• SwiftUI层面的动画是更优选择，因为NSHostingView本身是SwiftUI与AppKit的桥接组件，让SwiftUI驱动动画能更好地协同两者的布局逻辑。

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