如何在SwiftUI中单击时更改按钮边框颜色

在SwiftUI中，可以通过使用@State属性包装器来实现按钮边框颜色的更改。@State属性包装器允许我们在视图中存储和管理可变的状态。

首先，我们需要创建一个名为ButtonStyle的自定义按钮样式，以便更改按钮的边框颜色。在这个自定义样式中，我们可以使用@State属性包装器来存储按钮边框的颜色状态。

struct CustomButtonStyle: ButtonStyle {
    @State private var borderColor: Color = .blue
    
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding()
            .background(configuration.isPressed ? Color.gray : Color.white)
            .border(borderColor, width: 2)
            .cornerRadius(10)
            .foregroundColor(.black)
            .onTapGesture {
                borderColor = .red // 在这里更改按钮边框颜色
            }
    }
}

接下来，我们可以在视图中使用这个自定义按钮样式来创建一个按钮，并在按钮上应用这个样式。

struct ContentView: View {
    var body: some View {
        Button(action: {
            // 按钮点击事件
        }) {
            Text("点击我")
        }
        .buttonStyle(CustomButtonStyle()) // 应用自定义按钮样式
    }
}

在上面的代码中，我们创建了一个名为ContentView的视图，并在其中创建了一个按钮。通过调用.buttonStyle(CustomButtonStyle())，我们将自定义按钮样式应用到按钮上。

当按钮被点击时，onTapGesture闭包中的代码将被执行，从而更改按钮边框的颜色。在这个例子中，我们将边框颜色更改为红色。

这是一个基本的示例，你可以根据需要自定义按钮样式和颜色更改的逻辑。关于SwiftUI的更多信息和示例，请参考腾讯云的SwiftUI开发文档。