Published 2023-08-26

Swift - 在 SwiftUI 中添加按钮

按钮是 SwiftUI 中最常用的视图之一。它们可以用来触发操作,比如保存表单,或者导航到另一个视图。在本节中,我们将学习如何在 SwiftUI 中创建按钮。

struct ContentView: View {
    var body: some View {
        Button(action: {
            print("Button tapped")
        }) {
            Text("Tap me!")
        }
    }
}

在上面的代码中,我们创建了一个按钮,当用户点击按钮时,它会打印一条消息。让我们看看这段代码的工作原理。

首先,我们创建了一个按钮,它有两个参数:actionlabel

action 参数是一个闭包,当用户点击按钮时,它会被调用。

label 参数是一个闭包,它返回一个视图,这个视图将显示在按钮上。

自定义按钮的外观

SwiftUI 提供了一些按钮样式,比如 DefaultButtonStyleBorderlessButtonStylePlainButtonStyle。如果你想要自定义按钮的外观,你可以使用 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)
  }
}

ZynPne