UIStackView sizeToFit不能按预期工作

时间:2019-04-03 12:55:18

标签: ios uitableview autolayout swift-playground uistackview

我已经配置了一个测试场,其中一个UITableView和一个实例UIStackView作为其标题。

stackView包含10个UILabel

问题在于,调用stackView.sizeToFit()后,stackView不会自动调整大小以适合所有标签,并且其大小为零。

我必须手动设置UIStackView的大小来解决此问题,这违背了UIStackView的目的。

这是测试Xcode Playground的代码,因此您可以在您的环境中重现它:

//: A UIKit based Playground for presenting user interface

import UIKit
import PlaygroundSupport


class TestTableViewController: UITableViewController {

    private lazy var searchController = UISearchController(searchResultsController: nil)

    private lazy var stackView: UIStackView = {
        let s = UIStackView()
        s.axis = .vertical
        for i in 0...10 {
            let l = UILabel()
            l.text = "text \(i)"
            s.addArrangedSubview(l)
        }

        return s
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "reuseIdentifier")
        configureTableView()
        configureSearchController()
    }


    private func configureTableView() {
        tableView.tableHeaderView = stackView
        stackView.sizeToFit()
        tableView.tableHeaderView?.sizeToFit() // Doesn't work!!!!!!!
        tableView.tableHeaderView?.frame.size = CGSize(width: 9, height: 100)
    }


    private func configureSearchController() {
//        searchController.searchResultsUpdater = self
        searchController.dimsBackgroundDuringPresentation = false
        searchController.searchBar.placeholder = NSLocalizedString("Choose template",
                                                                   comment: "Choose template")
    }



    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        // #warning Incomplete implementation, return the number of sections
        return 2
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        // #warning Incomplete implementation, return the number of rows
        return 7
    }


     override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
     let cell = tableView.dequeueReusableCell(withIdentifier: "reuseIdentifier", for: indexPath)

     cell.textLabel?.text = "\(indexPath.row)"

     return cell
     }

}


let nc = UINavigationController(rootViewController: TestTableViewController())

// Present the view controller in the Live View window
PlaygroundPage.current.liveView = nc

手动设置尺寸可以达到预期效果:

private func configureTableView() {
    tableView.tableHeaderView = stackView
    tableView.tableHeaderView?.frame.size = CGSize(width: 0, height: 400)
}

result

1 个答案:

答案 0 :(得分:0)

表标题视图需要一些额外的帮助...这可能对您有用。

private func configureTableView() {
    tableView.tableHeaderView = stackView
    sizeHeaderToFit(tableView: tableView)
}

private func sizeHeaderToFit(tableView: UITableView) {
    if let headerView = tableView.tableHeaderView {
        let height = headerView.systemLayoutSizeFitting(UIView.layoutFittingCompressedSize).height
        var frame = headerView.frame
        frame.size.height = height
        headerView.frame = frame
        tableView.tableHeaderView = headerView
        headerView.setNeedsLayout()
        headerView.layoutIfNeeded()
    }
}