配置数据后UITableView Cell按钮显示异常及布局更新问题求助

问题概述 #

配置UITableView Cell数据后，需根据文本内容判断是否显示展开按钮，但首次加载时所有按钮均被错误隐藏，重新加载表格后才恢复正常。点击按钮时会切换UILabel的numberOfLines为0，并通过tableView.beginUpdates()/endUpdates()刷新行高。

核心原因 #

在configure方法中调用updateExpandButtonVisibility时，postDescriptionLabel的布局尚未完成，其bounds.width还是初始默认值（非实际布局后的宽度），导致doesTextFitInLines计算的文本行数不准确，错误判定文本可完全显示，从而隐藏按钮。

修复方案 #

方案1：延迟判断按钮可见性 #

在configure方法中，将按钮可见性判断延迟到当前RunLoop结束后执行，此时Cell布局已完成，Label的实际宽度已确定。

修改Cell的configure方法：

func configure(with post: NIPost, update: @escaping (_: NIPostFeedTableViewCell) -> Void) {
    postTitleLabel.text = post.title
    postDescriptionLabel.text = post.previewText
    postLikesLabel.text = (post.likesCount ?? .zero).stringValue
    postDateLabel.text = post.timeshamp?.convertToDate()
    updateCell = update
    
    // 延迟到布局完成后执行判断
    DispatchQueue.main.async {
        self.updateExpandButtonVisibility()
    }
}

方案2：优化文本行数计算逻辑 #

修改UILabel的扩展方法，使用preferredMaxLayoutWidth（Auto Layout中Label的实际可用宽度）替代bounds.width，确保计算准确：

extension UILabel {
    func doesTextFitInLines() -> Bool {
        guard let text = self.text, let font = self.font else {
            return false
        }

        let fontAttributes = [NSAttributedString.Key.font: font]
        // 使用preferredMaxLayoutWidth获取实际布局宽度
        let boundingRect = text.boundingRect(
            with: CGSize(width: self.preferredMaxLayoutWidth, height: CGFloat.greatestFiniteMagnitude),
            options: .usesLineFragmentOrigin,
            attributes: fontAttributes,
            context: nil
        )

        let calculatedLines = Int(ceil(boundingRect.height / font.lineHeight))
        // 当numberOfLines为0时，无需显示按钮
        return numberOfLines == 0 || calculatedLines <= numberOfLines
    }
}

方案3：通过layoutSubviews触发判断 #

在Cell的layoutSubviews方法中执行按钮可见性判断，同时添加标记位避免重复计算：

// Cell中新增标记位
private var hasCheckedButtonVisibility = false

override func layoutSubviews() {
    super.layoutSubviews()
    // 仅在文本已设置且未判断过可见性时执行
    if postDescriptionLabel.text != nil && !hasCheckedButtonVisibility {
        updateExpandButtonVisibility()
        hasCheckedButtonVisibility = true
    }
}

// 在configure方法中重置标记位
func configure(with post: NIPost, update: @escaping (_: NIPostFeedTableViewCell) -> Void) {
    // ... 原有配置代码
    hasCheckedButtonVisibility = false
}

额外优化提示 #

点击按钮后的刷新逻辑中，tableView.beginUpdates()和tableView.endUpdates()本身会触发行高动画，无需嵌套在UIView.animate块中，可简化为：

func updateCell(_ cell: NIPostFeedTableViewCell) {
    tableView.beginUpdates()
    tableView.endUpdates()
}

内容的提问来源于stack exchange，提问作者Grec Sadovski