基于NSViewRepresentable封装的NSButton点击无视觉反馈，如何实现点击时的变暗效果？

嘿，这个问题我之前也踩过坑！你封装的NativeNSButton之所以没有普通按钮的点击变暗反馈，核心原因是你重写了mouseDown(with:)和rightMouseDown(with:)方法，但没有调用父类的实现——NSButton自带的视觉反馈逻辑（比如按下时的样式变化）都是在这些父类方法里处理的，跳过super调用就等于直接跳过了这部分原生行为。

解决步骤 #

只需要在你的两个鼠标事件方法里先调用super，再执行自定义的点击逻辑就行，同时还要修正一个小bug（clickButton(_:)的参数类型写错了）。

修改后的完整代码 #

struct TEST_NativeButton: View {
    var body: some View {
        VStack{
            Text("Test Native Button")
            NativeButton(
                rightClickAction: {print("rightclick")},
                leftClickAction: {print("leftclick")}
            ) {
                print("standard action")
            }
        }.frame(width: 200, height: 200)
    }
}

struct NativeButton: NSViewRepresentable {
    typealias ActionFunction = () -> Void
    typealias NSViewType = NativeNSButton
    let rightClickAction: ActionFunction
    let leftClickAction: ActionFunction
    let standardAction: ActionFunction

    init(
        rightClickAction : ActionFunction? = nil,
        leftClickAction : ActionFunction? = nil,
        standardAction: @escaping ActionFunction
    ) {
        self.rightClickAction = rightClickAction ?? {}
        self.leftClickAction = leftClickAction ?? standardAction
        self.standardAction = standardAction
    }

    func makeNSView(context: Context) -> NativeNSButton {
        NativeNSButton(
            rightClickAction: rightClickAction,
            leftClickAction: leftClickAction,
            standardAction: standardAction)
    }

    func updateNSView(_ nsView: NativeNSButton, context: Context) {
        // 后续可以在这里处理标题更新，比如：
        // nsView.title = self.title
        return
    }
}

class NativeNSButton: NSButton {
    let standardAction: () -> Void
    let rightClickAction: () -> Void
    let leftClickAction: () -> Void

    init(
        rightClickAction : @escaping () -> Void,
        leftClickAction : @escaping () -> Void,
        standardAction: @escaping () -> Void) {
        self.standardAction = standardAction
        self.rightClickAction = rightClickAction
        self.leftClickAction = leftClickAction
        super.init(frame: .zero)
        self.title = "Click Me" // 这里可以设置默认标题，或者后续通过updateNSView传递
        self.alignment = .center
        self.target = self
        self.action = #selector(clickButton(_:))
        bezelStyle = .rounded
        isBordered = true
        focusRingType = .none
        self.translatesAutoresizingMaskIntoConstraints = false
        self.setContentHuggingPriority(.defaultHigh, for: .vertical)
        self.setContentHuggingPriority(.defaultHigh, for: .horizontal)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func mouseDown(with theEvent: NSEvent) {
        // 先调用父类方法，触发原生视觉反馈
        super.mouseDown(with: theEvent)
        leftClickAction()
    }

    override func rightMouseDown(with theEvent: NSEvent) {
        // 右键点击也调用父类方法，让按钮有相同的按下反馈
        super.rightMouseDown(with: theEvent)
        rightClickAction()
    }

    @objc func clickButton(_ sender: NativeNSButton) { // 修正参数类型为当前类
        standardAction()
    }
}

关键修改点说明 #

1. 调用super方法：在mouseDown和rightMouseDown里先执行super.mouseDown(with: theEvent)/super.rightMouseDown(with: theEvent)，让NSButton处理原生的视觉变化。
2. 修正参数类型：把clickButton(_:)的参数从BbcNSButton改成NativeNSButton，避免运行时错误。
3. 优化初始化逻辑：用??运算符简化了可选参数的默认值设置，代码更简洁。

这样修改后，你的按钮点击（不管左键还是右键）都会像普通NSButton一样出现按下变暗的视觉反馈，同时保留你自定义的点击逻辑。

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