按钮是 SwiftUI 中最常用的视图之一。它们可以用来触发操作,比如保存表单,或者导航到另一个视图。在本节中,我们将学习如何在 SwiftUI 中创建按钮。
struct ContentView: View {
var body: some View {
Button(action: {
print("Button tapped")
}) {
Text("Tap me!")
}
}
}
在上面的代码中,我们创建了一个按钮,当用户点击按钮时,它会打印一条消息。让我们看看这段代码的工作原理。
首先,我们创建了一个按钮,它有两个参数:action
和 label
。
action
参数是一个闭包,当用户点击按钮时,它会被调用。
label
参数是一个闭包,它返回一个视图,这个视图将显示在按钮上。
自定义按钮的外观
SwiftUI 提供了一些按钮样式,比如 DefaultButtonStyle
、BorderlessButtonStyle
和 PlainButtonStyle
。如果你想要自定义按钮的外观,你可以使用 ButtonStyle
协议。
struct ContentView: View {
var body: some View {
Button(action: {
print("Button Pressed")
}, label: {
Text("Press Me!")
.font(.largeTitle)
.foregroundColor(.white)
})
.padding()
.background(
LinearGradient(gradient: Gradient(colors: [.purple, .pink]), startPoint: .topLeading, endPoint: .bottomTrailing)
)
.cornerRadius(10)
}
}