📅  最后修改于: 2023-12-03 15:21:35.570000             🧑  作者: Mango
在 SwiftUI 中添加边框非常容易,只需要使用 .border()
修饰符即可。下面我们将介绍如何为 SwiftUI 中的按钮添加边框。
要为 SwiftUI 中的按钮添加边框,我们可以按照以下步骤:
.border()
修饰符为按钮添加边框。下面是一个实现此效果的示例代码片段:
struct ContentView: View {
var body: some View {
Button(action: {
print("Button pressed")
}) {
Text("Press Me!")
.foregroundColor(.white)
}
.padding()
.background(Color.green)
.border(Color.white, width: 2)
}
}
在这个示例中,我们首先创建了一个按钮,当用户点击按钮时,代码会输出 "Button pressed"
。然后,我们使用了 .padding()
和 .background()
修饰符为按钮添加了内边距和背景颜色。最后,我们使用了 .border()
修饰符为按钮添加白色、2 像素的边框。
通过使用 .border()
修饰符,我们可以很容易地为 SwiftUI 中的按钮添加边框。在实现此功能时,我们使用了一个示例代码片段来演示需要执行的步骤。