SwiftUI(macOS)按钮仅图标可点击 如何让整个frame区域响应点击？

macOS 端 SwiftUI 的 .plain 按钮样式默认不会将点击区域扩展到按钮外层修饰符设置的 frame 范围，命中测试逻辑会严格绑定到按钮 label 内容本身的原始尺寸。你在外层添加的 .frame、.contentShape 只是修改了按钮视图的布局外框，没有改变按钮内部的可点击命中范围，所以不会生效。
另外 SwiftUI 默认会对完全无渲染内容的透明区域做点击穿透，哪怕你设置了正确的尺寸，如果区域内没有参与命中测试的视图内容，点击也不会被响应。

方案1：将尺寸和命中形状设置移到 label 内部，补充可命中的透明层 #

直接把 frame、contentShape 修饰符放到 label 闭包内，同时给可点击区域加一个透明背景（Color.clear 本身是参与命中测试的视图，不会显示任何内容但可以接住点击）：

Button(action: { print("hit") }) {
    Image(systemName: "minus")
        .frame(width: 21, height: 21)
        .background(Color.clear) // 让透明区域参与命中测试
        .contentShape(Rectangle())
}
.buttonStyle(.plain)

这个写法改动最小，能直接让整个 21*21 的正方形区域响应点击。

方案2：自定义可全区域点击的按钮样式（适合多场景复用） #

如果项目里有多个按钮需要扩大点击区域，可以自定义一个按钮样式，自动让 label 撑满可用空间、响应全区域点击：

struct FullClickAreaPlainButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .contentShape(Rectangle())
            .opacity(configuration.isPressed ? 0.5 : 1) // 可选：添加按压态视觉反馈
    }
}

使用时替换原来的 plain 样式即可，后续给按钮设置任何尺寸的 frame，整个区域都会响应点击：

Button(action: { print("hit") }) {
    Image(systemName: "minus")
}
.frame(width: 21, height: 21)
.buttonStyle(FullClickAreaPlainButtonStyle())

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