Swift UI: 如何給Button添加觸發事件

Swift UI 是 Apple 在 WWDC 2019 推出的新一代 UI 框架，它可以讓開發者更容易地開發出跨平台的應用程式。在 Swift UI 中，開發者可以使用 Button 來添加觸發事件，讓應用程式更加有趣。本文將介紹如何在 Swift UI 中給 Button 添加觸發事件。

為 Button 添加觸發事件

在 Swift UI 中，可以使用 Button 來添加觸發事件，讓應用程式更加有趣。Button 可以被用來執行一些特定的動作，例如顯示一個訊息框、開啟一個新的視窗或是執行一個程式碼區塊。

要為 Button 添加觸發事件，首先需要在 Swift UI 中定義一個 Button 物件，並且指定它的文字內容：

Button(action: {
    // 在這裡添加觸發事件的程式碼
}) {
    Text("Click Me!")
}

在上面的程式碼中，我們定義了一個 Button 物件，並且指定它的文字內容為 “Click Me!”。接下來，我們可以在 action 參數中添加觸發事件的程式碼：

Button(action: {
    // 在這裡添加觸發事件的程式碼
    print("Button Clicked!")
}) {
    Text("Click Me!")
}

在上面的程式碼中，我們在 action 參數中添加了一個 print 語句，當用戶點擊 Button 時，就會在控制台中顯示 “Button Clicked!” 的訊息。

此外，我們還可以在 action 參數中添加一個程式碼區塊，來執行一些更複雜的動作：

Button(action: {
    // 在這裡添加觸發事件的程式碼
    let alert = UIAlertController(title: "Button Clicked!", message: "You have clicked the button!", preferredStyle: .alert)
    alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))
    self.present(alert, animated: true, completion: nil)
}) {
    Text("Click Me!")
}

在上面的程式碼中，我們在 action 參數中添加了一個程式碼區塊，當用戶點擊 Button 時，就會顯示一個訊息框，訊息框的標題為 “Button Clicked!”，內容為 “You have clicked the button!”。

總結

在本文中，我們介紹了如何在 Swift UI 中給 Button 添加觸發事件。我們可以在 action 參數中添加一個程式碼區塊，來執行一些特定的動作，例如顯示一個訊息框、開啟一個新的視窗或是執行一個程式碼區塊。

推薦閱讀文章

How to add a button to a SwiftUI view
SwiftUI Button Tutorial
SwiftUI Buttons and Images Tutorial
Adding a button to a SwiftUI view
SwiftUI Action Sheet Tutorial</a

延伸閱讀本站文章

更多swift相關文章

推薦學習youtube影片

2021 SwiftUI Tutorial for Beginners (3.5 hour Masterclass)