表格内嵌RangeSlider无法显示数值及标签问题求助

在UITableView中嵌入UISlider组件后，拖动滑块可正常移动，但滑块对应的数值标签无法同步更新。以下是相关代码实现：

单元格代码（MileRangeCell） #

import UIKit

class MileRangeCell: UITableViewCell {

let mileSlider: UISlider = {
    let slider = UISlider()
    slider.minimumValue = 1
    slider.maximumValue = 25
    slider.tintColor = GREEN_Theme
    return slider
}()

let mileLabel: UILabel = {
    let label = mileRangeLabel()
    label.text = "Miles"
    return label
}()

class mileRangeLabel: UILabel {
    override var intrinsicContentSize: CGSize {
        return .init(width: 80, height: 0)
    }
}

override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
    super.init(style: style, reuseIdentifier: reuseIdentifier)
    
    contentView.isUserInteractionEnabled = true
    
    let mileStackView = UIStackView(arrangedSubviews: [
        UIStackView(arrangedSubviews: [mileLabel, mileSlider])])
    mileStackView.axis = .vertical
    mileStackView.spacing = 16
    addSubview(mileStackView)
    mileStackView.anchor(top: topAnchor, leading: leadingAnchor, bottom: bottomAnchor, trailing: trailingAnchor, padding: .init(top: 16, left: 16, bottom: 16, right: 16))
}

required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
}

}

控制器相关代码 #

@objc fileprivate func handleMileChange(slider: UISlider) {
    evaluateMile()
}

fileprivate func evaluateMile() {
    guard let mileRangeCell = tableView.cellForRow(at: [1, 0]) as? MileRangeCell else { return }
    let mileValue = Int(mileRangeCell.mileSlider.value)
    mileRangeCell.mileSlider.value = Float(mileValue)
    mileRangeCell.mileLabel.text = "Miles \(mileValue)"
    user?.mileRange = mileValue
}

static let defaultMile = 1

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.section == 0 {
     let mileRangeCell = MileRangeCell(style: .default, reuseIdentifier: nil)
         mileRangeCell.mileSlider.addTarget(self, action: #selector(handleMileChange), for: .valueChanged)
        let mile = user?.mileRange ?? SettingsViewController.defaultMile
        mileRangeCell.mileLabel.text = "Miles \(mile)"
        mileRangeCell.mileSlider.value = Float(mile)
        print(mile)
        return mileRangeCell
    }
    return UITableViewCell()
} 

问题分析与修复步骤 #

1. 错误的IndexPath引用 #

evaluateMile方法中使用[1, 0]作为indexPath参数，会创建section=1，row=0的路径，但目标单元格实际在section=0。更可靠的方式是直接从滑块向上查找所属单元格，避免indexPath错误：

@objc fileprivate func handleMileChange(slider: UISlider) {
    // 从滑块层级向上查找父单元格
    guard let mileRangeCell = slider.superview?.superview?.superview as? MileRangeCell else { return }
    let mileValue = Int(slider.value)
    mileRangeCell.mileLabel.text = "Miles \(mileValue)"
    user?.mileRange = mileValue
    // 可选：将滑块值取整，避免小数
    slider.value = Float(mileValue)
}

// 可直接移除evaluateMile方法，逻辑合并到handleMileChange中

2. 标签高度设置错误 #

自定义mileRangeLabel的intrinsicContentSize将高度设为0，导致标签无法渲染。修改为自动计算高度：

class mileRangeLabel: UILabel {
    override var intrinsicContentSize: CGSize {
        return CGSize(width: 80, height: UIView.noIntrinsicMetric)
    }
}

或者直接使用普通UILabel，通过约束固定宽度：

let mileLabel: UILabel = {
    let label = UILabel()
    label.text = "Miles"
    label.widthAnchor.constraint(equalToConstant: 80).isActive = true
    return label
}()

3. 未实现单元格复用 #

每次cellForRowAt都创建新单元格，会浪费性能且可能导致状态丢失。先在控制器viewDidLoad中注册单元格：

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.register(MileRangeCell.self, forCellReuseIdentifier: "MileRangeCell")
}

再修改cellForRowAt实现复用：

override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    if indexPath.section == 0 {
        let cell = tableView.dequeueReusableCell(withIdentifier: "MileRangeCell", for: indexPath) as! MileRangeCell
        cell.mileSlider.addTarget(self, action: #selector(handleMileChange), for: .valueChanged)
        let mile = user?.mileRange ?? SettingsViewController.defaultMile
        cell.mileLabel.text = "Miles \(mile)"
        cell.mileSlider.value = Float(mile)
        return cell
    }
    return UITableViewCell()
}

4. 补充缺失的返回逻辑 #

原cellForRowAt方法在section不为0时无返回值，会导致编译错误，需补充默认返回逻辑。

内容的提问来源于stack exchange，提问作者Zach Wilcox