UIStackView：內部子視圖的破壞約束

我在 UIScrollView 中有一個 UIStackView ，里面有一個簡單的視圖，如下所示：

class OnboardingView : UIView {
    private let onboardingImageView : UIImageView = {
        let view = UIImageView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.contentMode = .scaleAspectFit
        view.layer.cornerRadius = 8
        view.image = UIImage(named: "OnboardingImage")
        return view
    }()

    private lazy var scrollView: UIScrollView = {
        let view = UIScrollView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.showsVerticalScrollIndicator = false
        view.showsHorizontalScrollIndicator = false
        return view
    }()
       
    private lazy var scrollViewContainer: UIStackView = {
        let view = UIStackView()
        view.axis = .vertical
        view.spacing = 0
        view.distribution = .fillProportionally
        view.translatesAutoresizingMaskIntoConstraints = false
        return view
    }()
    
    private let imageArea : UIView = {
       let view = UIView()
       view.translatesAutoresizingMaskIntoConstraints = false
       return view
    }()
    
    private func setupScrollView()
    {
        let constraints = [
            scrollView.leadingAnchor.constraint(equalTo: self.safeAreaLayoutGuide.leadingAnchor),
            scrollView.trailingAnchor.constraint(equalTo: self.safeAreaLayoutGuide.trailingAnchor),
            scrollView.topAnchor.constraint(equalTo: self.safeAreaLayoutGuide.topAnchor),
            scrollView.bottomAnchor.constraint(equalTo: self.safeAreaLayoutGuide.bottomAnchor),

            scrollViewContainer.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor),
            scrollViewContainer.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor),
            scrollViewContainer.topAnchor.constraint(equalTo: scrollView.topAnchor),
            scrollViewContainer.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor),
            scrollViewContainer.widthAnchor.constraint(equalTo: scrollView.widthAnchor),
        ]
        
        NSLayoutConstraint.activate(constraints)
    }
    
    private func setupAreas()
    {
        let constraints = [
            imageArea.heightAnchor.constraint(equalToConstant: 400)
        ]
        
        NSLayoutConstraint.activate(constraints)
    }
    
    private func setupImage()
    {
        imageArea.addSubview(onboardingImageView)
        let constraints = [
            onboardingImageView.topAnchor.constraint(equalTo: imageArea.topAnchor, constant: 62),
            onboardingImageView.heightAnchor.constraint(equalToConstant: 334),
            onboardingImageView.leadingAnchor.constraint(equalTo: imageArea.leadingAnchor, constant: 35.5),
            onboardingImageView.trailingAnchor.constraint(equalTo: imageArea.trailingAnchor, constant : -35),
        ]
        
        NSLayoutConstraint.activate(constraints)
    }
            
    private func setupLayout()
    {
        self.addSubview(scrollView)
        scrollView.addSubview(scrollViewContainer)
        
        scrollViewContainer.addArrangedSubview(imageArea)
        
        setupScrollView()
        
        setupAreas()
        
        setupImage()
    }
        
    private func setupViews()
    {
        self.layer.backgroundColor = UIColor(red : 0.125, green: 0.306, blue: 0.78, alpha: 1).cgColor
                
        setupLayout()
    }
    
    init(viewFrame : CGRect) {
        super.init(frame: viewFrame)
        setupViews()
    }
     
    required init?(coder: NSCoder) {
         fatalError("init(coder:) has not been implemented for OnboardingView")
    }
}

如果我為嵌套視圖設定了一些約束，我會在控制臺中收到一個約束錯誤提示：

(
    "<NSLayoutConstraint:0x600003efa440 H:|-(35.5)-[UIImageView:0x15110c090]   (active, names: '|':UIView:0x14fd086d0 )>",
    "<NSLayoutConstraint:0x600003efa490 UIImageView:0x15110c090.trailing == UIView:0x14fd086d0.trailing - 35   (active)>",
    "<NSLayoutConstraint:0x600003ed6030 'fittingSizeHTarget' UIView:0x14fd086d0.width == 0   (active)>"
)

Will attempt to recover by breaking constraint 
<NSLayoutConstraint:0x600003efa490 UIImageView:0x15110c090.trailing == UIView:0x14fd086d0.trailing - 35   (active)>
 

我無法解決。我不清楚當我將約束應用于imageAreaUIStackView的排列視圖( ) 項時會出現什么問題，所以從我的角度來看應該沒問題。我錯過了什么？我應該如何修復它？

uj5u.com熱心網友回復：

你的約束很好。

由于您UIStackView使用fillProportionally其子視圖，因此它intrinsicContentSize從子視圖中讀取。

    // you can override and return non zero value to fix it
    class SubView: UIView {
        override var intrinsicContentSize: CGSize {
            return CGSize(width: 1, height: 1)
        }
    }

    private let imageArea : UIView = {
       let view = SubView()
       return view
    }

    scrollViewContainer.addArrangedSubview(imageArea)

或者

    // Set lower priority witch one is breaking (here 35 or -35 any one)
    private func setupImage() {
        imageArea.addSubview(onboardingImageView)
        let constraints = [
            onboardingImageView.topAnchor.constraint(equalTo: imageArea.topAnchor, constant: 62),
            onboardingImageView.heightAnchor.constraint(equalToConstant: 334),
            onboardingImageView.leadingAnchor.constraint(equalTo: imageArea.leadingAnchor, constant: 35.5),
            onboardingImageView.trailingAnchor.constraint(equalTo: imageArea.trailingAnchor, constant : -35),
        ]
        constraints.last?.priority = .init(990)
        NSLayoutConstraint.activate(constraints)
    }

標籤：迅速 工具包

上一篇：我的部分影片在SpriteKit中不起作用

下一篇：SwiftUITabview修復