表格视图单元格中的文本字段

Question

我正在开发这个应用程序，而且我是 Swift 新手。只有两周的知识。我应该创建一个包含 12 个单元格的表格视图 - 其中 3 个应该是文本字段，用户可以输入他们想要的内容。我制作了两个具有两个不同标识符的原型单元。我正在使用一个名为“items”的数组，其中包含要在单元格中表示的字符串。如果字符串为空白，则该单元格应该是一个文本字段，我已经这样做了。之后，当我尝试输入这些字段并滚动单元格时，就会出现问题。

请帮助我理解和解决以下问题：

1. 如何将作为子视图添加的文本字段委托给我的 tableview 单元格？
2. 如何确保我在文本字段中输入的任何内容都保留在那里，即使在我根据需要上下滚动单元格之后也是如此？
3. 如何确保用户可以编辑他们在文本字段中键入的任何内容？

这是我的代码：

    var items = ["Apple", "Fish", "Dates", "Cereal", "Ice cream", "Lamb", "Potatoes", "Chicken", "Bread", " ", " "," "]

    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    var iD = "normal"
    if (items[indexPath.row] == " ") {
        iD = "textField"
        let cell = tableView.dequeueReusableCellWithIdentifier(iD, forIndexPath: indexPath)
        cell.textLabel?.text = items[indexPath.row]

        let textField = UITextField(frame: CGRect(x: 20, y: 10, width: 150, height: 30))
        textField.backgroundColor = UIColor.brownColor()
        textField.placeholder = ""         
        cell.contentView.addSubview(textField)
        return cell      
    }
    else {
        let cell = tableView.dequeueReusableCellWithIdentifier(iD, forIndexPath: indexPath)
        cell.textLabel?.text = items[indexPath.row]
        return cell  
    }

////

    func tableView(tableView: UITableView, moveRowAtIndexPath sourceIndexPath: NSIndexPath, toIndexPath destinationIndexPath: NSIndexPath) {
    if (sourceIndexPath.row != destinationIndexPath.row){
        let temp = items[sourceIndexPath.row]
        items.removeAtIndex(sourceIndexPath.row)
        items.insert(temp, atIndex: destinationIndexPath.row)

    }
    tableView.reloadData()
}

Answer 1

我宁愿创建一个 UITableviewCell 的子类并在那里添加一个文本字段作为子视图。然后将文本字段的委托设置为单元格本身。 这是一些示例代码。我没有尝试运行它，但我认为它应该可以工作：

class InputCell: UITableViewCell, UITextFieldDelegate {

private let textField = UITextField()
private var resultBlock: ((changedText: String) -> ())? = nil

override init(style: UITableViewCellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)

    self.textField.delegate = self
    self.contentView.addSubview(self.textField)
    // additional setup for the textfield like setting the textstyle and so on
}

func setup(initalText: String, resultBlock: (changedText: String) -> ()) {
    self.textField.text = initalText
    self.resultBlock = resultBlock
}

func textFieldDidEndEditing(textField: UITextField) {
    if let block = self.resultBlock, let text = textField.text {
        block(changedText: text)
    }
}
}

在您的视图控制器中，我会将项目更改为字典，因此您可以直接将它们链接到 tableview 的索引路径。而且你需要让 tableview 注册你的自定义单元格类。

var items = [0: "Apple", 1: "Fish", 2: "Dates", 3: "Cereal", 4: "Ice cream", 5: "Lamb", 6: "Potatoes", 7: "Chicken", 8: "Bread", 9: " ", 10: " ", 11: " "]

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

    // the position of the cell with a textfield is fixed right? Just put the row number here then
    if indexPath.row > 8 {
        let cell = tableView.dequeueReusableCellWithIdentifier("CellWithTextField", forIndexPath: indexPath) as! InputCell
        if let initialText = items[indexPath.row] {
            cell.setup(initialText) { [weak self] text in
                self?.items[indexPath.row] = text
            }
        }
        return cell
    } else {
        let cell = tableView.dequeueReusableCellWithIdentifier("NormalCell", forIndexPath: indexPath)
        cell.textLabel?.text = items[indexPath.row]
        return cell
    }
}

Answer 2

首先，添加文本字段协议 UITextFielDelegate，并在行 atindex 的单元格中写入 textfield.delegate = self。

并添加委托方法来管理文本。

希望这对您有所帮助。

Answer 3

您必须将文本字段数据保存在某个对象中。由于 UITableView 重用相同的单元格，您的文本字段文本将在滚动时丢失，因为单元格将被重用。我建议为每个 indexPath 创建一些数组并将数据存储在其中。

您应该在单元格类中实现 UITextField 委托方法，并且每当某些文本发生更改时，您应该调用您的另一个委托方法 (CellDelegate)，该方法应该在 ViewController 中实现以更新数据。

此委托方法将传递单元格的文本和 indexPath。

Answer 4

在 UITableViewCell 中为 textChange 添加 UItextfield 委托。 您可以更改 items 数组以包含具有实际值和编辑值的模型对象。

let apple = Item()
apple.realValue = "Apple"
apple.editedValue = ""

var item = [0: apple, .............

在表格视图单元格中传递模型对象并在文本更改委托调用上更新编辑值。在 cellForRow 的 textfield 文本属性中添加editedValue

let item = items[indexPath.row]
cell.textLabel?.text = item.realValue
if item.editedValue{
// add the textFieldText

}

Answer 5

继承 UITextFieldDelegate 给你的控制器

func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {

var iD = "normal"
if (items[indexPath.row] == " ") {
    iD = "textField"
    let cell = tableView.dequeueReusableCellWithIdentifier(iD, forIndexPath: indexPath)
    cell.textLabel?.text = items[indexPath.row]

    let textField = UITextField(frame: CGRect(x: 20, y: 10, width: 150, height: 30))
    textField.backgroundColor = UIColor.brownColor()
    textField.placeholder = ""         
    cell.contentView.addSubview(textField)
    textField.delegate = self // set delegate
    textField.tag= indexPath.row
    return cell      
}
else {
    let cell = tableView.dequeueReusableCellWithIdentifier(iD, forIndexPath: indexPath)
    cell.textLabel?.text = items[indexPath.row]
    return cell  
  }
}

 //delegate methods

 func textFieldDidBeginEditing(textField: UITextField!) {      //delegate method
  print(textField.tag)//you will get the row. items[textField.tag] will get the object

 }
 func textFieldShouldEndEditing(textField: UITextField!) -> Bool {   //delegate method
  print(textField.tag)//you will get the row. items[textField.tag] will get the object
  items[textField.tag]= textField.text
  return false
}

 func textFieldShouldReturn(textField: UITextField!) -> Bool {     //delegate method
   textField.resignFirstResponder()
   return true
 }