可變寬度StackView？

這是我的代碼：

import UIKit

class DocumentViewController: UIViewController, UIScrollViewDelegate {
    
    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        return scrollViewContainer
    }
    
    func scrollViewDidZoom(_ scrollView: UIScrollView) {
        let scrollViewSize = scrollView.bounds.size
        let scrollViewContainerSize = scrollViewContainer.frame.size
        let verticalPadding = scrollViewContainerSize.height < scrollViewSize.height ? (scrollViewSize.height - scrollViewContainerSize.height) / 2 : 0
        let horizontalPadding = scrollViewContainerSize.width < scrollViewSize.width ? (scrollViewSize.width - scrollViewContainerSize.width) / 2 : 0
        scrollView.contentInset = UIEdgeInsets(top: verticalPadding, left: horizontalPadding, bottom: verticalPadding, right: horizontalPadding)
    }
  
    let scrollView: UIScrollView = {
        let scrollView = UIScrollView()
        scrollView.translatesAutoresizingMaskIntoConstraints = false
        scrollView.minimumZoomScale = 0.1
        scrollView.maximumZoomScale = 4.0
        scrollView.zoomScale = 1.0
        return scrollView
    }()
  
    let scrollViewContainer: UIStackView = {
        let view = UIStackView()
        view.translatesAutoresizingMaskIntoConstraints = false
        view.axis = .vertical
        view.spacing = 15
        return view
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        scrollView.delegate = self
        view.backgroundColor = .gray
        view.addSubview(scrollView)
        scrollView.addSubview(scrollViewContainer)
        
        let uiview1 = UIView(frame: .zero)
        uiview1.heightAnchor.constraint(equalToConstant: 1000).isActive = true
        uiview1.widthAnchor.constraint(equalToConstant: 1000).isActive = true
        scrollViewContainer.addArrangedSubview(uiview1)
        uiview1.backgroundColor = .white
        
        let uiview2 = UIView(frame: .zero)
        uiview2.heightAnchor.constraint(equalToConstant: 1000).isActive = true
        uiview2.widthAnchor.constraint(equalToConstant: 1000).isActive = true
        scrollViewContainer.addArrangedSubview(uiview2)
        uiview2.backgroundColor = .white
        
        let uiview3 = UIView(frame: .zero)
        uiview3.heightAnchor.constraint(equalToConstant: 1000).isActive = true
        uiview3.widthAnchor.constraint(equalToConstant: 1000).isActive = true
        scrollViewContainer.addArrangedSubview(uiview3)
        uiview3.backgroundColor = .white
        
        let uiview4 = UIView(frame: .zero)
        uiview4.heightAnchor.constraint(equalToConstant: 1000).isActive = true
        uiview4.widthAnchor.constraint(equalToConstant: 1000).isActive = true
        scrollViewContainer.addArrangedSubview(uiview4)
        uiview4.backgroundColor = .white
        
        let uiview5 = UIView(frame: .zero)
        uiview5.heightAnchor.constraint(equalToConstant: 1000).isActive = true
        uiview5.widthAnchor.constraint(equalToConstant: 2000).isActive = true
        scrollViewContainer.addArrangedSubview(uiview5)
        uiview5.backgroundColor = .white
        
        showBounds()
        setConstraints()
    }
    
    func setConstraints() {
        scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
        scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
        scrollViewContainer.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor).isActive = true
        scrollViewContainer.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor).isActive = true
        scrollViewContainer.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
        scrollViewContainer.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
        
    }
        
    func showBounds() {
        view.layer.borderWidth = 5.0
        view.layer.borderColor = UIColor.blue.cgColor
        scrollViewContainer.layer.borderWidth = 5.0
        scrollViewContainer.layer.borderColor = UIColor.red.cgColor
        scrollView.layer.borderWidth = 3.0
        scrollView.layer.borderColor = UIColor.yellow.cgColor
    }

}

此代碼提供以下行為： https ://i.stack.imgur.com/gNxnD.gif

您可以看到，雖然我在 viewDidLoad 中進行的最后一個測驗 UIView 的寬度為 2000，但由于某種原因它最終被截斷，好像它的寬度為 1000。另外，如果我將最后一個視圖的寬度更改為 500，我得到這種行為。

因此，scrollViewContainer (?) 似乎正在將這些測驗 UIView 的寬度調整為最小。我想要的只是它允許不同大小的視圖，默認寬度是最寬的子視圖，就像在這個模型中一樣。

uj5u.com熱心網友回復：

您需要在堆疊視圖中添加“對齊”。請試試這個：

let scrollViewContainer: UIStackView = {
    let view = UIStackView()
    view.translatesAutoresizingMaskIntoConstraints = false
    view.axis = .vertical
    view.alignment = .center
    view.spacing = 15
    return view
}()

標籤：IOS 迅速 代码 uikit

上一篇：如何撰寫子程式將嵌入式二進制資源寫入檔案？

下一篇：以編程方式在SceneDelegateXcode15.0中的UINavigationContoller(rootViewController:ViewController())