如何將UITableView的高度調整為內容大小的高度？

我想使表格視圖高度動態化，我想在表格視圖的下方和上方添加一些其他視圖。我正在嘗試在滾動視圖中添加表視圖以使其滾動。

但是，我無法找到正確的輸出。

• 表視圖行可能會有所不同
• 表格上方和下方可能存在視圖
• 表視圖不應滾動
• 只有滾動視圖應該滾動

這是我的代碼：

class ViewController: UIViewController {
    
    var content = [Int]()
    
    var scroll: UIScrollView = {
        let view = UIScrollView()
        return view
    }()

    var table: DynamicSizeTableView = {
        let view = DynamicSizeTableView()
        view.estimatedRowHeight = 64
        view.register(UITableViewCell.self, forCellReuseIdentifier: "cell")
        return view
    }()
    
    var image: UIImageView = {
        let img = UIImageView(image: UIImage(systemName: "square.and.arrow.up"))
        img.widthAnchor(equalTo: 64)
        img.heightAnchor(equalTo: 64)
        return img
    }()
    
    override func viewDidLoad() {
        
        super.viewDidLoad()
        setupViews()
        
        table.delegate = self
        table.dataSource = self
        
        for i in 0...60 {
            self.content.append(i)
        }
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        self.view.layoutIfNeeded()
    }
    
    func setupViews() {
        self.view.addSubview(scroll)
        scroll.fill(to: view)
        scroll.addSubview(table)
        scroll.addSubview(image)

        table.topAnchor(equalTo: self.scroll.topAnchor)
        table.leadingAnchor(equalTo: self.scroll.leadingAnchor)
        table.trailingAnchor(equalTo: self.scroll.trailingAnchor)
     
        image.topAnchor(equalTo: self.table.bottomAnchor)
        image.bottomAnchor(equalTo: self.scroll.bottomAnchor)
    }
}


extension ViewController: UITableViewDelegate, UITableViewDataSource {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return content.count
    }
    
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: "cell")!
        cell.backgroundColor = .red
        cell.textLabel?.text = "Row \(content[indexPath.row])"
        return cell
    }
    
}

public class DynamicSizeTableView: UITableView {
    override public func layoutSubviews() {
        super.layoutSubviews()
        if bounds.size != intrinsicContentSize {
            invalidateIntrinsicContentSize()
        }
    }

    override public var intrinsicContentSize: CGSize {
        return contentSize
    }
}

uj5u.com熱心網友回復：

您應該嘗試使用堆疊視圖。將堆疊視圖限制為滾動視圖，堆疊視圖將處理內部元素的高度。如果你愿意，你可以給里面的最小高度。

  lazy var littleVstack:UIStackView = {
    let view = UIStackView(arrangedSubviews: [table,image])
    view.translatesAutoresizingMaskIntoConstraints = false
    view.axis = .vertical
    view.arrangedSubviews[0].heightAnchor.constraint(equalToConstant: 200).isActive = true
    return view
}()

加上做 tableview 無回應。

tableView.isUserInteractionEnabled = false

uj5u.com熱心網友回復：

我建議如下：

1. 向表格視圖添加高度約束。
2. 將其常量設定為使其在故事板上合理可見的任何值。
3. 將高度約束連接到出口。
4. 每次重新加載 table view 上的資料時，都會更改高度常量。

您可能還想通過將其添加到內容大小來考慮表視圖的插入。

代碼示例：

CGFloat height = myTableView.collectionViewLayout. contentSize.height
heightConstraint.constant = height
self.view.setNeedsLayout() Or self.view.layoutIfNeeded()

標籤：迅速 合适的视图 自动布局 故事板

上一篇：Swift中UITableView的標題單元格

下一篇：使用JPA方法的第二高薪水