SwiftUI 具有专用的 .bordered 按钮样式的代码示范

7 min read

以下是一个使用 .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 方法为按钮添加圆角。