Swift 表單製作 (UITextField & UILabel)

在 Swift 中,我們可以使用 UITextField 和 UILabel 來製作表單。UITextField 可以讓使用者輸入文字,而 UILabel 則可以顯示文字。在本文中,我們將介紹如何使用 Swift 來製作表單,並且使用 UITextField 和 UILabel 來顯示文字。

首先,我們需要在 Storyboard 中新增 UITextField 和 UILabel,並且將它們放置在畫面上。接著,我們可以使用以下程式碼來設定 UITextField 和 UILabel:

// 設定 UITextField
textField.placeholder = "請輸入文字"
textField.borderStyle = .roundedRect

// 設定 UILabel
label.text = "顯示文字"
label.textColor = .black
label.font = UIFont.systemFont(ofSize: 17)

接著,我們可以使用以下程式碼來將 UITextField 輸入的文字顯示在 UILabel 上:

// 將 UITextField 輸入的文字顯示在 UILabel 上
textField.addTarget(self, action: #selector(textFieldDidChange(_:)), for: .editingChanged)

@objc func textFieldDidChange(_ textField: UITextField) {
    label.text = textField.text
}

最後,我們可以使用以下程式碼來將 UITextField 和 UILabel 放置在畫面上:

// 將 UITextField 和 UILabel 放置在畫面上
textField.translatesAutoresizingMaskIntoConstraints = false
label.translatesAutoresizingMaskIntoConstraints = false

NSLayoutConstraint.activate([
    textField.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 16),
    textField.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 16),
    textField.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -16),

    label.topAnchor.constraint(equalTo: textField.bottomAnchor, constant: 16),
    label.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 16),
    label.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -16),
])

在本文中,我們介紹了如何使用 Swift 來製作表單,並且使用 UITextField 和 UILabel 來顯示文字。我們首先在 Storyboard 中新增 UITextField 和 UILabel,並且將它們放置在畫面上。接著,我們可以使用程式碼來設定 UITextField 和 UILabel,並且將 UITextField 輸入的文字顯示在 UILabel 上。最後,我們可以使用程式碼將 UITextField 和 UILabel 放置在畫面上。

推薦閱讀文章

Swift UITextField Tutorial: Getting Started
How to create a UITextField in Swift
UITextField in Swift – A Comprehensive Guide
UITextField Swift iOS Tutorial
UITextField Swift Tutorial</a

延伸閱讀本站文章

更多swift相關文章

推薦學習youtube影片

[回答問題/實況] 製作客製化的 TableViewCell、隨時顯示或隱藏 Table View Cell

Swift 表單製作 (UITextField & UILabel)

Categorized in:

Tagged in:

,