以下是一个使用 .bordered 样式的 SwiftUI 按钮示例代码:
Button("Click Me") {
// 按钮点击事件
}
.buttonStyle(BorderlessButtonStyle())
.border(Color.blue)
.padding(10)
.background(Color.white)
.border(Color.blue, width: 2)
.cornerRadius(10)
这里我们使用 .buttonStyle
方法来设置按钮的样式,传入 BorderlessButtonStyle()
实例来使用无边框的样式。
接下来,我们使用 .border
方法来添加整个按钮的边框,传入 Color.blue
作为颜色参数。
然后,我们使用 .padding
方法来添加按钮的内边距,并使用 .background
方法为按钮添加背景颜色。
最后,我们使用 .border
方法和 width
参数来为按钮添加另一个边框,这次我们使用 2 作为宽度参数来使其较粗,并使用 .cornerRadius
方法为按钮添加圆角。