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)

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

Categorized in:

Tagged in:

,