如何从 Swift 中嵌入 UITableView 的文本字段中检索数据？

Question

我一直在尝试在 UITableView 中创建各种提交表单（即每行都有一个文本字段的表格视图），但无法从以编程方式生成的文本字段中检索用户输入在表格视图中。

这是目前为止的代码：

class VC12: UIViewController, UITableViewDataSource, UITableViewDelegate, UITextFieldDelegate {

@IBOutlet weak var VC12TableView: UITableView!

var VC12Inputs = [String]()

override func viewDidLoad() {
    super.viewDidLoad()
    self.VC12TableView.dataSource = self

    VC12Inputs.append("Input 1")
    VC12Inputs.append("Input 2")
    VC12Inputs.append("Input 3")
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return VC12Inputs.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = VC12TableView.dequeueReusableCell(withIdentifier: "cell") ?? makeCell()
    let textField = cell.viewWithTag(1) as! UITextField
    let row = indexPath.row

    textField.placeholder = VC12Inputs[row]

    return cell
}

func makeCell() -> UITableViewCell {
    let textField = UITextField(frame: CGRect.zero)

    textField.tag = 1
    [textField].forEach {
        $0.translatesAutoresizingMaskIntoConstraints = false
        $0.borderStyle = .roundedRect
    }

    let cell = UITableViewCell(style: .default, reuseIdentifier: "cell")
    [textField].forEach { cell.contentView.addSubview($0) }

    let views = ["textField": textField]
    let c1 = NSLayoutConstraint.constraints(withVisualFormat: "H:[textField]", options: .alignAllLastBaseline, metrics: nil, views: views)
    let c2 = NSLayoutConstraint(item: textField, attribute: .left, relatedBy: .equal, toItem: cell.layoutMarginsGuide, attribute: .left, multiplier: 1, constant: 0)
    let c3 = NSLayoutConstraint(item: textField, attribute: .centerY, relatedBy: .equal, toItem: cell.contentView, attribute: .centerY, multiplier: 1, constant: 0)
    let c4 = NSLayoutConstraint(item: textField, attribute: .width, relatedBy: .equal, toItem: cell.contentView, attribute: .width, multiplier: 0.9, constant: 0)
    let c5 = NSLayoutConstraint(item: textField, attribute: .height, relatedBy: .equal, toItem: cell.contentView, attribute: .width, multiplier: 0.09, constant: 0)

    NSLayoutConstraint.activate(c1 + [c2, c3, c4, c5])

    return cell
}

@IBAction func VC9Done(_ sender: Any)
{

}

这会生成一个带有 3 个文本字段的标准表格视图；每行一个，即像这样：https://i.stack.imgur.com/JOwO0.png

但是，当用户点击“完成”时，我不确定如何检索用户输入到文本字段中的文本。对解决此问题的最佳方法有何想法？

此处显示的代码基于 Code Different (https://stackoverflow.com/users/2538939/code-different?tab=profile) 与 B B (https://stackoverflow.com/users/6155520/b-b) 的问题 (Adding a text field to a UITableview Cell) 的 Stack Overflow 答案。

Answer 1

你可以试试这个

class VC12: UIViewController, UITableViewDataSource, UITableViewDelegate, UITextFieldDelegate {

@IBOutlet weak var VC12TableView: UITableView!

var VC12Inputs = [String]()

override func viewDidLoad() {
    super.viewDidLoad()
    self.VC12TableView.dataSource = self

    VC12Inputs.append("Input 1")
    VC12Inputs.append("Input 2")
    VC12Inputs.append("Input 3")
}

func textFieldDidEndEditing(_ textField: UITextField) {
    VC12Inputs[textField.tag] = textField.text! //to update arr with latest value 
}

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return VC12Inputs.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = VC12TableView.dequeueReusableCell(withIdentifier: "cell") ?? makeCell()
    let textField = cell.viewWithTag(1) as! UITextField
    let row = indexPath.row
    textField.tag = row      //**set tag value here** 
    textField.delegate = self   //**set delegate**

    textField.placeholder = VC12Inputs[row]

    return cell
}

func makeCell() -> UITableViewCell {
    let textField = UITextField(frame: CGRect.zero)

    textField.tag = 1 //don't set tag value here or set with indexpath.item
    . .....
    .....

}

@IBAction func VC9Done(_ sender: Any)
{
    print(VC12Inputs) //here you'll get all updated value at any time 
}

Answer 2

我将创建一个自定义类单元格，并在该类中进行UITextField 初始化（为其分配一个变量名）。

class TextFieldCell: UITableViewCell {
    let textField = // initialize text field

    // don't forget to add its constraints and init functions
}

然后在您的VC9done 函数中，您可以调用表格视图的cellForRow 函数并获取包含所需文本字段的单元格。获得此单元格后，您可以将其转换为自定义类，然后访问其 .textField 字段及其包含的任何文本。

Answer 3

借助UITextFieldDelegate方法，我们可以实现它。

var textFieldTextDict = [Int : String]()

func textFieldDidEndEditing(_ textField: UITextField) {

    let cellPosition = textField.superview?.convert(CGPoint.zero, to: yourTableView)
    let indPath = yourTableView.indexPathForRow(at: cellPosition!)

    if textField.text != ""
    {
        textFieldTextDict[(indPath?.row)!] = textField.text
    }      

}

func textFieldShouldReturn(_ textField: UITextField) -> Bool {

    textField.resignFirstResponder()

    return true
}

@IBAction func VC9Done(_ sender: Any)
{
    self.view.endEditing(true) // ONE LINE

    print("addedValues   ", textFieldTextDict)
}

@IBAction func formSubmitAcn(_ sender: Any)
{
    // as per three textfields

    if textFieldTextDict.count == 3
    {
        print("success")
    }
    else 
    {
        print("failure")
    }
}

输出

addedValues   [0: "name ", 2: "age", 3: "address", 1: "email", 4: "phone"]