如何根據內容大小動態更改UIStackView高度？

我在下面有一個視圖，我正在嘗試根據內容視圖中子視圖的高度動態更改高度。目前，我將 scrollView 和 contentView 的 contentSize 設定為“screenHeight 1000”的靜態高度。我可以采取哪些步驟來動態更新 height 屬性？

import Foundation
import UIKit
import TinyConstraints 

class ViewController: UIViewController {

    // MARK: - PROPERTIES
    let screenWidth = UIScreen.main.bounds.width
    let screenHeight = UIScreen.main.bounds.height
    var contentViewSize = CGSize(width: screenWidth, height: screenHeight   1000)
    
    // MARK: - VIEW METHODS
    override func viewDidLoad() {
        super.viewDidLoad()
        
        addSubviews()
        constrainSubviews()
    }

    // MARK: - VIEW OBJECTS
    lazy var scrollView: UIScrollView = {
        let scrollView = UIScrollView(frame: .zero)
        scrollView.frame = view.bounds
        scrollView.contentSize = contentViewSize
        scrollView.autoresizingMask = .flexibleHeight
        scrollView.showsHorizontalScrollIndicator = true
        scrollView.bounces = true
        
        return scrollView
    }()
    
    lazy var contentView: UIView = {
        let contentView = UIView()
        contentView.frame.size = contentViewSize
        
        return contentView
    }()

    lazy var topView: UIStackView = { ... }()
    lazy var nutritionView: UIStackView = { ... }()
    lazy var ingredientsView: UIStackView = { ... }()
    lazy var instructionsView: UIStackView = { ... }()

    fileprivate func addSubviews() {
        view.addSubview(scrollView)
        scrollView.addSubview(contentView)
        
        contentView.addSubview(topView)
        contentView.addSubview(nutritionView)
        contentView.addSubview(ingredientsView)
        contentView.addSubview(instructionsView)
    }
    
    fileprivate func constrainSubviews() {
        let stack = [topView, nutritionView, ingredientsView, instructionsView]
        contentView.stack(stack, spacing: screenHeight * 0.03)
        contentView.centerXToSuperview()
        contentView.topToSuperview(offset: screenHeight * 0.04)
        contentView.width(screenWidth * 0.8)
    }
}

uj5u.com熱心網友回復：

您應該添加一個滾動視圖并在其中添加和堆疊視圖，并在堆疊視圖內添加視圖，滾動視圖將動態增加，就像這段代碼一樣。

 class ViewController: UIViewController {

    let scrollView = UIScrollView()
    lazy var contentStackView = UIStackView(arrangedSubviews: [getView(height: 500, color: .red),
                                                               getView(height: 600, color: .blue),
                                                               getView(height: 70, color: .gray),
                                                               getView(height: 80,color: .yellow)])
    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        self.view.backgroundColor = .white
        
        contentStackView.axis = .vertical
        setupConstraints()
    }
    
    func setupConstraints() {
        self.view.addSubview(scrollView)
        self.scrollView.addSubview(contentStackView)
        scrollView.translatesAutoresizingMaskIntoConstraints = false
        contentStackView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            scrollView.topAnchor.constraint(equalTo: self.view.topAnchor),
            scrollView.leadingAnchor.constraint(equalTo: self.view.leadingAnchor),
            scrollView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor),
            scrollView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor),
            contentStackView.topAnchor.constraint(equalTo: self.scrollView.topAnchor),
            contentStackView.leadingAnchor.constraint(equalTo: self.scrollView.leadingAnchor),
            contentStackView.trailingAnchor.constraint(equalTo: self.scrollView.trailingAnchor),
            contentStackView.bottomAnchor.constraint(equalTo: self.scrollView.bottomAnchor),
            contentStackView.widthAnchor.constraint(equalTo: self.scrollView.widthAnchor)
        ])
    
    }

    
    func getView(height: Double, color: UIColor) -> UIView {
        let view = UIView()
        view.backgroundColor = color
        view.translatesAutoresizingMaskIntoConstraints = false
        view.heightAnchor.constraint(equalToConstant: height).isActive = true
        return view
    }


}

標籤：

上一篇：模型是可散列和可識別的，但仍然不能使用ForEach

下一篇：在Decodable結構中以不同方式解碼單個var