SwiftUI中如何为特定按钮优化ButtonStyle背景色设置？

方案一：给ButtonStyle添加可配置参数（最直接高效） #

直接修改你的StateButton，新增一个可选的背景色参数，默认使用原有的"Orange"颜色。这样普通按钮无需改动，仅特殊按钮传入自定义颜色即可，既保留统一样式，又支持灵活定制。

修改后的代码：

struct StateButton: ButtonStyle {
    // 新增背景色参数，默认沿用原有橙色
    var backgroundColor: Color = Color("Orange")
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .frame(width: 183, height: 50)
            .background(backgroundColor)
            .cornerRadius(25)
            .foregroundColor(.white)
            .padding(.bottom, 40)
            // 可选补充：添加按压状态的视觉反馈，提升交互体验
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
            .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
    }
}

使用方式：

• 普通按钮（保持原有样式）：

Button("普通按钮") {
    // 点击逻辑
}
.buttonStyle(StateButton())

• 特殊按钮（自定义背景色）：

Button("蓝色按钮") {
    // 点击逻辑
}
.buttonStyle(StateButton(backgroundColor: .blue))

Button("自定义绿色按钮") {
    // 点击逻辑
}
.buttonStyle(StateButton(backgroundColor: Color("CustomGreen")))

方案二：用枚举管理预设颜色（适合多场景规范定制） #

如果你的特殊按钮有固定的颜色分类（比如主色、成功色、警告色），可以用枚举统一管理颜色值，避免代码中零散写颜色名，后续维护更方便。

示例代码：

// 定义按钮颜色枚举，统一管理预设色与自定义色
enum ButtonColorType {
    case primary
    case success
    case warning
    case custom(Color)
    
    var color: Color {
        switch self {
        case .primary:
            return Color("Orange")
        case .success:
            return .green
        case .warning:
            return .yellow
        case .custom(let color):
            return color
        }
    }
}

struct StateButton: ButtonStyle {
    var colorType: ButtonColorType = .primary
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .frame(width: 183, height: 50)
            .background(colorType.color)
            .cornerRadius(25)
            .foregroundColor(.white)
            .padding(.bottom, 40)
            .scaleEffect(configuration.isPressed ? 0.95 : 1.0)
            .animation(.easeInOut(duration: 0.1), value: configuration.isPressed)
    }
}

使用方式：

// 主色按钮（默认）
Button("主操作按钮") { }
.buttonStyle(StateButton())

// 成功状态按钮
Button("提交完成") { }
.buttonStyle(StateButton(colorType: .success))

// 自定义特殊颜色按钮
Button("专属按钮") { }
.buttonStyle(StateButton(colorType: .custom(Color("DeepPurple"))))

这两种方案都比在每个按钮后单独重写样式高效得多，既能保证按钮的布局、圆角、内边距等样式统一，又能灵活定制背景色，后续修改颜色只需在一处调整，维护成本更低。

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