重新扩展表视图时 Swift 约束被破坏

Question

所以我有一个包含部分和行的 2 深度表视图。当我第一次展开表视图时，一切都已经很好了，但是如果我将其展开第二次、第三次……次或在部分展开时滚动，那么行部分的左侧约束就会被打破，因为更多详细信息请参见下图：

请参阅此了解详细信息

这是我第三次扩展部分。正如您所看到的，有 2 行打破了左约束。这是我的代码：

func configureCell(data: FirstDepth) {
    self.firstDepthData = data
    self.firstDepthLabel.text = data.name
    self.firstDepthLabel.centerY(inView: contentView, leftAnchor: contentView.leftAnchor, paddingLeft: 20)
}

func configureSecondCell(data: SecondDepth) {
    self.secondDepthData = data
    self.firstDepthLabel.text = data.name
    self.firstDepthLabel.centerY(inView: contentView, leftAnchor: contentView.leftAnchor, paddingLeft: 50)
}

所以表视图将为部分调用configureCell，为行调用configureSecondCell，我读过这可能是因为重新初始化约束，但如何只更新常量？

如果需要，这是我的表格视图单元格的代码：

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: CellFirstDepth.id, for: indexPath) as! CellFirstDepth
    
    if let firstDepthData = self.firstDepthData {
        if indexPath.row == 0 {
            // Call Cell for sections
            cell.configureCell(data: firstDepthData[indexPath.section])
        } else {
            // Call Cell for rows
            cell.configureSecondCell(data: firstDepthData[indexPath.section].child[indexPath.row - 1])
        }
    }
    return cell
}

这是我的 centerY 函数，只是使元素以 Y 轴为中心，并向左/右添加锚点的代码：

func centerY(inView view: UIView, leftAnchor: NSLayoutXAxisAnchor? = nil, rightAnchor: NSLayoutXAxisAnchor? = nil, paddingLeft: CGFloat? = nil, paddingRight: CGFloat? = nil, constant: CGFloat? = 0) {
    translatesAutoresizingMaskIntoConstraints = false
    
    centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: constant!).isActive = true
    
    if let leftAnchor = leftAnchor, let paddingLeft = paddingLeft {
        self.leftAnchor.constraint(equalTo: leftAnchor, constant: paddingLeft).isActive = true
    } else if let rightAnchor = rightAnchor, let paddingRight = paddingRight {
        self.rightAnchor.constraint(equalTo: rightAnchor, constant: -paddingRight).isActive = true
    }
}

Answer 1

您还没有向我们展示您的 .centerY(...) 函数的作用，但对问题的猜测相当安全。

看起来您正在添加常量为 20 的 .leftAnchor 约束，然后单元格会被重用，并且您将添加另一个 strong> .leftAnchor 约束，常量为 50。

您需要编辑单元格代码以使用单个约束，并更新其.constant属性，而不是添加多个约束。

---

编辑

通过一些搜索，您可以找到许多完整的示例，但这里是总体思路。

在您的单元类中，添加此 var 属性：

var labelLeftConstraint: NSLayoutConstraint!

然后，在您的单元类初始化中，创建该约束：

labelLeftConstraint = self.firstDepthLabel.leftAnchor.constraint(equalTo: contentView.leftAnchor, constant: 0)
labelLeftConstraint.isActive = true

并且，像这样更改您的 configure 函数：

func configureCell(data: FirstDepth) {
    self.firstDepthData = data
    self.firstDepthLabel.text = data.name
    labelLeftConstraint.constant = 20
    //self.firstDepthLabel.centerY(inView: contentView, leftAnchor: contentView.leftAnchor, paddingLeft: 20)
}

func configureSecondCell(data: SecondDepth) {
    self.secondDepthData = data
    self.firstDepthLabel.text = data.name
    labelLeftConstraint.constant = 50
    //self.firstDepthLabel.centerY(inView: contentView, leftAnchor: contentView.leftAnchor, paddingLeft: 50)
}

现在您将只有一个单个 strong> 约束，并且您的代码将设置其 .constant 而不是一遍又一遍地创建它（这就是导致问题的原因）。