如何为SwiftUI Button设置自定义高亮状态背景色？

没问题，我来帮你搞定这个SwiftUI按钮的高亮自定义背景色需求～你原来的代码里直接设置了固定的红色背景，但默认按钮的高亮状态是系统自带的反馈，要自定义这个状态下的背景色，最优雅的方式是自定义ButtonStyle，这样能统一控制按钮在正常和按压状态下的外观。

具体实现步骤： #

1. 先创建一个自定义的ButtonStyle结构体，它会根据按钮的按压状态（configuration.isPressed）切换背景色：

struct CustomHighlightButtonStyle: ButtonStyle {
    // 可自定义正常状态、高亮状态的颜色，以及圆角
    let normalBackgroundColor: Color
    let highlightedBackgroundColor: Color
    let cornerRadius: CGFloat

    func makeBody(configuration: Configuration) -> some View {
        // 复用你原来的按钮文本样式
        configuration.label
            .padding(.all)
            .background(configuration.isPressed ? highlightedBackgroundColor : normalBackgroundColor)
            .cornerRadius(cornerRadius)
            .foregroundColor(.white)
            .font(Font.body.bold())
            // 可选：按压时稍微缩小，增强交互反馈感
            .scaleEffect(configuration.isPressed ? 0.98 : 1.0)
            .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
    }
}

2. 然后把你的按钮应用这个自定义样式，替换原来的背景、圆角等修饰符：

Button(action: signIn) {
    Text("Sign In")
}
.buttonStyle(CustomHighlightButtonStyle(
    normalBackgroundColor: .red,
    // 这里可以自定义高亮色，比如红色加深或半透明
    highlightedBackgroundColor: Color.red.opacity(0.8),
    cornerRadius: 16
))

为什么这么做？ #

• ButtonStyle是SwiftUI专门用来封装按钮外观逻辑的方式，样式复用性更强，后续其他按钮也能直接套用。
• 通过configuration.isPressed可以精准获取按钮的按压状态，轻松切换不同状态下的UI表现。
• 额外添加的scaleEffect和animation是可选优化，能让按压反馈更自然，你可以根据需求去掉。

如果不想写自定义Style，也可以用@State变量结合手势实现，但代码会更零散，不如Style方案整洁。

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