Swift实现嵌套TableView的ScrollView高度动态调整方案求助

嘿，我帮你梳理下问题根源，然后一步步搞定它：

核心问题分析 #

你的滚动失效+高度无法自适应的核心原因有两个：

1. 约束绑定错误：部分子视图（比如goButton、descriptionView）的约束绑到了外层view而非scrollView，打断了ScrollView内部的垂直约束链，导致AutoLayout无法自动计算滚动范围。
2. TableView高度未正确传递：禁用滚动的TableView没有把自身内容高度告知父视图，ScrollView感知不到它的实际大小。
3. 致命的约束错误：你把headLabel的topAnchor绑到了scrollView.bottomAnchor，直接把标题放到了ScrollView外面，这完全搞反了布局逻辑！

分步解决方案 #

1. 移除手动设置的ScrollView内容高度 #

先删掉ScrollView初始化里的硬编码高度，让AutoLayout自动计算：

private let scrollView: UIScrollView = {
    let scroll = UIScrollView()
    // 删掉这行：scroll.contentSize.height = 4000
    scroll.backgroundColor = UIColor.white
    scroll.translatesAutoresizingMaskIntoConstraints = false
    return scroll
}()

2. 修正所有子视图的约束绑定 #

所有ScrollView内部的元素，约束必须统一绑到scrollView上，不能再绑到外层view：

修正headLabel的致命约束

NSLayoutConstraint.activate([
    headLabel.centerXAnchor.constraint(equalTo: scrollView.centerXAnchor),
    // 把scrollView.bottomAnchor改成scrollView.topAnchor
    headLabel.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: 45)
])

修正goButton约束

NSLayoutConstraint.activate([
    goButton.centerXAnchor.constraint(equalTo: scrollView.centerXAnchor),
    goButton.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor, constant: -40),
    goButton.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor,constant: 20),
    goButton.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor,constant: -20),
    goButton.heightAnchor.constraint(equalToConstant: 48)
])

修正左右BlockStack约束

// leftBlockStack
NSLayoutConstraint.activate([
    leftBlockStack.topAnchor.constraint(equalTo: fullNameLabel.topAnchor, constant: 60),
    leftBlockStack.leftAnchor.constraint(equalTo: scrollView.leftAnchor,constant: 28),
    leftBlockStack.rightAnchor.constraint(equalTo: ellipseBabyImage.leftAnchor,constant: -10)
])

// rightBlockStack
NSLayoutConstraint.activate([
    rightBlockStack.topAnchor.constraint(equalTo: fullNameLabel.topAnchor, constant: 60),
    rightBlockStack.rightAnchor.constraint(equalTo: scrollView.rightAnchor, constant: -28),
    rightBlockStack.leftAnchor.constraint(equalTo: ellipseBabyImage.rightAnchor,constant: 10)
])

修正descriptionView约束

NSLayoutConstraint.activate([
    descriptionView.topAnchor.constraint(equalTo: arrayStackCharacteristicTwo.topAnchor, constant: 50),
    descriptionView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor, constant: 10),
    descriptionView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor, constant: -10),
    descriptionView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor,constant: 0),
])

3. 让TableView自动传递内容高度给父视图 #

因为TableView禁用了滚动，我们需要让它的高度等于自身内容高度，这样ScrollView能感知到它的实际大小。这里用监听contentSize变化的方式实现：

class DescriptionView: UIView {
    private let characteristicModel = CharacteristicModel()
    private let descriptionIdentifier = "CELL"
    private let tableView: UITableView = {
        let tableView = UITableView(frame: .zero, style: .grouped)
        tableView.backgroundColor = .none
        tableView.bounces = false
        tableView.separatorStyle = .none
        tableView.showsVerticalScrollIndicator = false
        tableView.isScrollEnabled = false
        tableView.translatesAutoresizingMaskIntoConstraints = false
        return tableView
    }()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setDelegates()
        setupViews()
        setupConstraints()
        setupObservers() // 添加监听
        tableView.register(DescriptionTableViewCell.self, forCellReuseIdentifier: descriptionIdentifier)
        tableView.reloadData()
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    private func setDelegates() {
        tableView.delegate = self
        tableView.dataSource = self
    }
    
    private func setupViews() {
        addSubview(tableView)
        translatesAutoresizingMaskIntoConstraints = false
    }
    
    // 添加监听TableView内容变化的方法
    private func setupObservers() {
        tableView.addObserver(self, forKeyPath: "contentSize", options: [.new], context: nil)
    }
    
    deinit {
        tableView.removeObserver(self, forKeyPath: "contentSize")
    }
    
    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        guard keyPath == "contentSize", object as? UITableView == tableView else {
            super.observeValue(forKeyPath: keyPath, of: object, change: change, context: context)
            return
        }
        // 内容变化时更新自身固有高度
        invalidateIntrinsicContentSize()
    }
    
    // 重写固有高度，返回TableView的内容高度+上下padding
    override var intrinsicContentSize: CGSize {
        return CGSize(width: UIView.noIntrinsicMetric, height: tableView.contentSize.height + 10)
    }
}

// 保留原有的DataSource和Delegate代码...

extension DescriptionView {
    private func setupConstraints() {
        NSLayoutConstraint.activate([
            tableView.topAnchor.constraint(equalTo: topAnchor,constant: 5),
            tableView.leadingAnchor.constraint(equalTo: leadingAnchor,constant: 5),
            tableView.trailingAnchor.constraint(equalTo: trailingAnchor,constant: -5),
            // 去掉bottom约束，靠固有高度控制整体高度
            // tableView.bottomAnchor.constraint(equalTo: bottomAnchor,constant: -5)
        ])
    }
}

最后验证 #

做完这些修改后，ScrollView会自动根据内部所有元素（包括动态高度的TableView）计算contentSize，无需手动设置高度，滚动功能正常，同时所有元素都会正确适配ScrollView的宽度。

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