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) )