526互联

SwiftUI 边框border

发布时间 2023-06-09 09:35:11作者: 逆行

基础需求

使用border()修饰器，可设置颜色及线条宽度。

Text("Hello World")
            .padding()
            .background(Color.orange)
            .border(.blue,width: 5)

更多的形状

如果想要更多自定义的边框，则使用overlay()修饰器，通过形状、路径画边框。
比如，我们实现一个带圆角的边框

Text("Hello World")
    .padding()
    .background(Color.orange)
    .cornerRadius(16)
    .overlay(
        RoundedRectangle(cornerRadius: 16)
            .stroke(.blue, lineWidth: 4)
    )