如何实现远程触发SwiftUI Button的点击视觉效果

要完全复用SwiftUI原生的.bordered按钮样式，同时通过代码控制其按压状态，你可以通过自定义ButtonStyle来接管ButtonStyleConfiguration的.isPressed属性，直接复用系统内置的BorderedButtonStyle实现，无需自己编写任何UI适配代码。

核心思路 #

1. 自定义一个ButtonStyle，接收外部传入的按压状态参数
2. 在样式内部创建修改后的ButtonStyleConfiguration，将系统默认的.isPressed替换为我们的参数
3. 把修改后的配置传给原生的BorderedButtonStyle，让系统负责渲染所有原生视觉效果（包括明暗模式、平台适配、按压动画等）
4. 展示按钮禁用用户交互，只通过代码控制状态

完整代码示例 #

import SwiftUI

// 自定义ButtonStyle，接管按压状态并复用原生Bordered样式
struct ControllablePressedStyle: ButtonStyle {
    let isPressed: Bool
    private let baseStyle = BorderedButtonStyle()
    
    func makeBody(configuration: Configuration) -> some View {
        var modifiedConfig = configuration
        // 替换系统的按压状态为我们传入的参数
        modifiedConfig.isPressed = isPressed
        // 用原生样式渲染修改后的配置
        return baseStyle.makeBody(configuration: modifiedConfig)
    }
}

struct ContentView: View {
    @State private var displayButtonPressed = false
    
    var body: some View {
        VStack(spacing: 20) {
            // 触发按钮：点击后控制展示按钮的按压状态
            Button("Tap Me") {
                displayButtonPressed = true
                // 模拟真实按压的时长，0.2秒后恢复状态
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
                    displayButtonPressed = false
                }
            }
            .buttonStyle(.bordered)
            
            // 展示按钮：无交互，仅通过代码控制按压状态
            Button("Display") {
                // 空实现，确保按钮不响应用户点击
            }
            .disabled(true) // 彻底禁用交互，避免用户误触
            .buttonStyle(ControllablePressedStyle(isPressed: displayButtonPressed))
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

关键细节说明 #

• 完全复用原生样式：所有按钮的视觉细节（按压时的颜色深浅、阴影变化、圆角大小、明暗模式适配）都由系统的BorderedButtonStyle处理，无需自己维护适配逻辑
• 禁用交互：展示按钮通过.disabled(true)彻底关闭用户交互，确保只有代码能控制其状态
• 平滑动画：系统原生的按压效果自带动画，无需额外添加；如果需要更自定义的动画时长，可以将状态切换包裹在withAnimation中：

  Button("Tap Me") {
      withAnimation(.easeInOut(duration: 0.2)) {
          displayButtonPressed = true
      }
      DispatchQueue.main.asyncAfter(deadline: .now() + 0.2) {
          withAnimation(.easeInOut(duration: 0.2)) {
              displayButtonPressed = false
          }
      }
  }
  

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