运行时的动态部分 header 高度

Question

我在视图控制器中有 UITableView 部分 header，在 header 中，我有一个 UITextView 禁用滚动并固定所有 UITextView 边缘到它的超级视图。

这里是自动改变高度的代码

func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
    guard let view = tableView.dequeueReusableHeaderFooterView(withIdentifier: "CreatePostHeaderView") as? CreatePostHeaderView else {
        return nil
    }
    
    return view
}

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return UITableView.automaticDimension
}

并使用此代码设置估计高度

 tableView.estimatedSectionHeaderHeight = 75

但是在运行时，当 UITextView 的文本超过 75 的高度时，无论 UITextView 内容如何，它都不会改变。那么，我是否需要添加任何内容以确保 table 部分 header 高度根据 UITextView 内容更改？我在这里遗漏了什么吗？

Answer 1

执行某些更改单元格（包括页眉/页脚单元格）高度的操作时，您必须通知 table 视图高度已更改。

这通常通过以下任一方式完成：

tableView.beginUpdates()
tableView.endUpdates()

或：

tableView.performBatchUpdates(_:completion:)

在这种情况下，您想在文本视图中的文本更改时调用它 - 使用“回调”闭包即可轻松完成。

这是在可重用的 UITableViewHeaderFooterView 中使用 UITextView 的示例。

这适用于从 XIB 加载复杂视图，但由于此视图很简单（仅包含 UITextView），我们将从代码中完成所有操作。此示例使用 3 个部分，每个部分有 12 行（默认 table 视图单元格）。

首先，table 视图控制器 class - 没有 @IBOutlet 或 @IBAction 连接，因此只需创建一个新的 UITableViewController 并设置其自定义 class 到 MyTestSectionHeaderTableViewController:

class MyTestSectionHeaderTableViewController: UITableViewController {
    
    var myHeaderData: [String] = [
        "Section 0",
        "Section 1",
        "Section 2",
    ]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        tableView.rowHeight = 50
        
        tableView.keyboardDismissMode = .onDrag
        
        tableView.sectionHeaderHeight = UITableView.automaticDimension
        tableView.estimatedSectionHeaderHeight = 75
        
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "defCell")
        tableView.register(MySectionHeaderView.self, forHeaderFooterViewReuseIdentifier: MySectionHeaderView.reuseIdentifier)
    }
    
    override func numberOfSections(in tableView: UITableView) -> Int {
        return myHeaderData.count
    }
    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return 12
    }
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let c = tableView.dequeueReusableCell(withIdentifier: "defCell", for: indexPath)
        c.textLabel?.text = "\(indexPath)"
        return c
    }
    override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {
        
        let v = tableView.dequeueReusableHeaderFooterView(withIdentifier: MySectionHeaderView.reuseIdentifier) as! MySectionHeaderView
        
        v.myTextView.text = myHeaderData[section]
        
        v.textChangedCallback = { txt in
            self.myHeaderData[section] = txt
            tableView.performBatchUpdates(nil, completion: nil)
        }
        
        return v

    }
    
}

这是UITableViewHeaderFooterViewclass。请注意，它需要符合 UITextViewDelegate 以便我们可以告诉控制器文本已更改（因此它可以在需要时更新高度），并且我们将新编辑的文本传回以更新我们的数据源：

class MySectionHeaderView: UITableViewHeaderFooterView, UITextViewDelegate {
    static let reuseIdentifier: String = String(describing: self)
    
    var myTextView: UITextView = {
        let v = UITextView()
        v.isScrollEnabled = false
        return v
    }()
    
    var textChangedCallback: ((String) -> ())?
    
    override init(reuseIdentifier: String?) {
        super.init(reuseIdentifier: reuseIdentifier)
        commonInit()
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        commonInit()
    }
    
    func commonInit() -> Void {
        
        contentView.addSubview(myTextView)
        
        myTextView.translatesAutoresizingMaskIntoConstraints = false
        
        let g = contentView.layoutMarginsGuide
        
        NSLayoutConstraint.activate([
            myTextView.topAnchor.constraint(equalTo: g.topAnchor),
            myTextView.leadingAnchor.constraint(equalTo: g.leadingAnchor),
            myTextView.trailingAnchor.constraint(equalTo: g.trailingAnchor),
            myTextView.bottomAnchor.constraint(equalTo: g.bottomAnchor)
        ])

        myTextView.delegate = self
    }
    
    func textViewDidChange(_ textView: UITextView) {
        guard let str = textView.text else {
            return
        }
        textChangedCallback?(str)
    }
    
}

结果：

运行时的动态部分 header 高度

Dynamic section header height on runtime

ios

swift

uitableview

uitextview

uitableviewsectionheader