SwiftUI 如何在视图周围绘制边框？

提示：对形状使用 stroke() 或 strokeBorder() ，对其他视图类型使用 border()

在SwiftUI中，您可以使用stroke()或strokeBorder()方法在视图周围绘制边框。当您想要在形状中绘制边框时，可以使用stroke()方法，并将颜色和线条宽度传递给它。当您需要在其他视图上绘制边框时，可以使用border()方法。这个方法非常类似于strokeBorder()，但是它可以应用于任何视图类型，并且可以指定一系列选项。

以下是一个简单的示例，演示如何在SwiftUI中使用stroke()方法在圆形周围绘制边框：

struct ContentView: View {
    var body: some View {
        Circle()
            .fill(Color.blue)
            .frame(width: 100, height: 100)
            .overlay(
                Circle()
                    .stroke(Color.red, lineWidth: 2)
            )
    }
}

这个视图将绘制一个蓝色的圆，它的周围有一个红色的边框。我们使用了stroke()方法来绘制边框，并传递了红色作为颜色，2作为线条宽度。我们使用overlay()方法将边框叠加在形状上。

您也可以使用strokeBorder()方法来达到同样的效果。以下是相同的示例，但是使用了strokeBorder()方法：

struct ContentView: View {
    var body: some View {
        Circle()
            .fill(Color.blue)
            .frame(width: 100, height: 100)
            .strokeBorder(Color.red, lineWidth: 2)
    }
}

这个视图与前面的视图相同，但是我们使用了strokeBorder()方法来绘制边框。这个方法将在这个圆的周围绘制一个红色的边框，宽度为2。