Swiftui 圆角边框
时间: 2023-12-14 10:34:44 浏览: 383
圆角边框源代码,非常好的网页特效
5星 · 资源好评率100%
以下是在SwiftUI中实现圆角边框的方法:
```swift
Button("Button with rounded border") {
// 按钮被点击时执行的代码
}
.padding()
.background(
RoundedRectangle(cornerRadius: 20)
.stroke(Color.orange, lineWidth: 2)
)
```
在这个例子中,我们使用了`RoundedRectangle`来创建一个圆角矩形,然后使用`.stroke`方法来设置边框的颜色和宽度。最后,我们将这个圆角矩形作为按钮的背景。
如果您想要同时设置圆角和边框,可以像下面这样使用`.border`和`.cornerRadius`方法:
```swift
Button("Button with rounded border and corner radius") {
// 按钮被点击时执行的代码
}
.padding()
.border(Color.orange, width: 2)
.cornerRadius(20)
```
在这个例子中,我们首先使用`.border`方法来设置边框的颜色和宽度,然后使用`.cornerRadius`方法来设置圆角的半径。
阅读全文