SwiftUI

SwiftUI 视图画边框

SwiftUI为我们提供了专用的border()修饰符,可在视图周围绘制边框。根据指定边框宽度还是边框拐角弧度半径,它会有一些变化,这里有一些示例:

这会在文本视图周围添加一个简单的,线宽度1的黑色边框:

Text("Hacking with Swift")
    .border(Color.black)

如果要使边框不位于视图的边缘,可以添加一些填充:

Text("Hacking with Swift")
    .padding()
    .border(Color.black)

这将添加一个线宽度为4的红色边框:

Text("Hacking with Swift")
    .padding()
    .border(Color.red, width: 4)

如果画边框有弧度的角,则需要改用overlay()修饰符。例如,这将添加一个带有16弧度的角,线宽带4的蓝色边框:

Text("Hacking with Swift")
    .padding()
    .overlay(
        RoundedRectangle(cornerRadius: 16)
            .stroke(Color.blue, lineWidth: 4)
    )