SwiftUI 为我们提供了专用的 border()
修饰符,可在视图周围绘制边框。 根据您要指定笔划宽度还是拐角半径,它会有一些变化,因此这里有一些示例:
这会在文本视图周围添加一个简单的1点黑色边框:
Text("Examples with Swift")
.border(Color.green)
如果要使边框不位于视图的边缘,请首先添加一些填充:
Text("Examples with Swift")
.padding()
.border(Color.green)
这将添加一个4点红色边框:
Text("Examples with Swift")
.padding()
.border(Color.red, width: 4)
如果您想要任何更高级的功能(例如,如果要舍入边框的角),则需要改用 overlay()
修饰符。 例如,这将添加一个带有 16 点圆角的 4 点蓝色边框:
Text("Examples with Swift")
.padding()
.overlay(
RoundedRectangle(cornerRadius: 16)
.stroke(Color.blue, lineWidth: 4)
)
提示:对形状使用 stroke()
或 strokeBorder()
,对其他视图类型使用 border()
。