如何重用 table 视图单元格而不与 table 视图中的其他单元格重叠 ios swift

Question

当我向下或向上滚动我的表格视图时，每个单元格中的 widgets/data 都重叠了。我正在做的是，我有一个元素为 wCheckinArray = ["Date", "TextFeild", "TextView", "Check", "Sign"] 的数组。现在我正在检查 wCheckinArray 中是否有元素 "anyElement" 然后我在单元格中创建一个 anyElement 并在单元格的内容视图中添加为子视图。

示例：

在 UITableView 的 cellForRowAtIndexPath 方法下：

  let w = wCheckinArray[indexPath.row]
  if w.contains(Date) {
    // make a date picker  and add it as a subview to content view of cell 
  }
    // and so on

---

真实代码：

var Cell : UITableViewCell?

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    print("cellforrowatindexpathruns")
    var instockSignView : Int = 1
    Cell = tempCheckinTable.dequeueReusableCell(withIdentifier: "tempCheckinCell")! as UITableViewCell

    if wCheckinArray.count == 0 && lCheckinArray.isEmpty {
      print("no textFields in Checkin")
    }
    else 
    {
      print("widget process i in winstock loop")
      let w = wCheckinArray[indexPath.row]

      if w.contains(wTextField)  {
         print("textField was placed")
         newLabel = UITextField(frame: CGRect(x: 10, y: 10, width: 250, height: 30))
         newLabel.textColor = UIColor.gray
         newLabel.tag = widgetTagOk     
         print("You have a instock textLabel with tag \(newLabel.tag)")

         if lCheckinArray.isEmpty || idCheckinArray.count != lCheckinArray.count {
            newLabel.text = " "
         } else {
            newLabel.placeholder = lCheckinArray[indexPath.row]
            newLabel.layer.cornerRadius = 3
            newLabel.layer.borderColor = UIColor.gray.cgColor
            newLabel.layer.borderWidth = 1

            //instockTextField += 1
            widgetTagOk += 1
            print("\(wCheckinArray.count)")
            Cell?.contentView.addSubview(newLabel)
                }
            }

            if w.contains(wTextView) {
                print("textView was placed")
                newTextView = UITextView(frame: CGRect(x:10, y: 35, width: 250, height: 50))
                newTextView.textAlignment = NSTextAlignment.justified
                newTextView.textColor = UIColor.black
                newTextView.backgroundColor = UIColor.white
                newTextView.font = UIFont.systemFont(ofSize: 15)
                newTextView.tag = widgetTagOk //instockTextView

                print("You have a instock textView with tag \(newTextView.tag)")
                if lCheckinArray.isEmpty || idCheckinArray.count != lCheckinArray.count {
                } else {
                    textViewLabel = UILabel(frame: CGRect(x:10, y: 10, width: 250, height: 20))
                    textViewLabel.text = "\(lCheckinArray[indexPath.row]):"
                    textViewLabel.textColor = .black
                    textViewLabel.tag = widgetTagOk
                    print("here is the TextView place text  \(lCheckinArray[indexPath.row])")
                    newTextView.layer.cornerRadius = 3
                    newTextView.layer.borderColor = UIColor.gray.cgColor
                    newTextView.layer.borderWidth = 1
                    widgetTagOk += 1 //instockTextView += 1
                    print("\(wCheckinArray.count)")
                    Cell?.contentView.addSubview(newTextView)
                    Cell?.contentView.addSubview(textViewLabel)

                }
            }

            if w.contains(wSign) { //wInstockArray.contains(wSign) {
                print("sign was place   d")
                newSignView = UIView(frame: CGRect(x:10, y: 35, width: 250, height: 50))
                newSignView.backgroundColor = UIColor.white
                newSignView.tag = instockSignView
                print("You have a instock signView with tag \(newSignView.tag)")
                if lCheckinArray.isEmpty || idCheckinArray.count != lCheckinArray.count {
                    print("signview can nit be added as a widget")
                } else {
                    textViewLabel = UILabel(frame: CGRect(x:10, y: 10, width: 250, height: 20))
                    textViewLabel.text = "\(lCheckinArray[indexPath.row]):"
                    textViewLabel.textColor = .black
                    textViewLabel.tag = widgetTagOk
                    print("here is the TextView place text  \(lCheckinArray[indexPath.row])")
                    newSignView.layer.cornerRadius = 3
                    newSignView.layer.borderColor = UIColor.gray.cgColor
                    newSignView.layer.borderWidth = 1
                    instockSignView += 1
                    print("\(wCheckinArray.count)")
                    print("signview has added as a instock widget")
                    Cell?.contentView.addSubview(newSignView)
                    Cell?.contentView.addSubview(textViewLabel)
                }
            }


            if w.contains(wDate) { //wInstockArray.contains(wSign) {
                print("date was placed")
                newDatePicker = UIDatePicker(frame: CGRect(x:10, y: 35, width: 250, height: 50))
                newDatePicker.backgroundColor = UIColor.white
                newDatePicker.tag = instockSignView
                print("You have a checkin date picker with tag \(newSignView.tag)")
                if lCheckinArray.isEmpty || idCheckinArray.count != lCheckinArray.count {
                    print("date picker can nit be added as a widget")
                } else {
                    textViewLabel = UILabel(frame: CGRect(x:10, y: 10, width: 250, height: 20))
                    textViewLabel.text = "\(lCheckinArray[indexPath.row]):"
                    textViewLabel.textColor = .black
                    textViewLabel.tag = widgetTagOk
                    print("here is the date picker place text  \(lCheckinArray[indexPath.row])")
                    newDatePicker.layer.cornerRadius = 3
                    newDatePicker.layer.borderColor = UIColor.gray.cgColor
                    newDatePicker.layer.borderWidth = 1
                    instockSignView += 1
                    print("\(wCheckinArray.count)")
                    print("date picker has added as a checkin widget")
                    Cell?.contentView.addSubview(newDatePicker)
                    Cell?.contentView.addSubview(textViewLabel)
                }
            }

            // } //for i in instockarr comment bracket
            print("could not add widgets")
            print("here is w id \(idCheckinArray),here is w name: \(wCheckinArray), here is w data \(lCheckinArray)")
        }
    return Cell!
    }

这是当我向上或向下滚动 tableView 时 tableView 的样子

我用 Google 搜索过的内容

我用谷歌搜索的是，这表明我应该checkclear graphics context，Xcode

中默认完成的clear graphics context

还搜索了 Here，建议我更改每个单元格的 cell 标识符，我该怎么做？如何更改我在 Xcode 中的 Tableview 单元格的 attributes inspector 中提到的单元格标识符。是否有任何解决方案可以以编程方式重用它。

更新

当我从底部向上滚动表格视图时，像 textview.tag 或 textfield.tag 这样的小部件的标签正在增加这是我打印文本字段标签的方式

Answer 1

您最好删除创建 subview.And 的所有子视图，确保每个元素的 y 位置 不相同

Cell = tempCheckinTable.dequeueReusableCell(withIdentifier: "tempCheckinCell")! as UITableViewCell

    for subView in cell.contentView.subviews{
                subView .removeFromSuperview()
            }