以编程方式使用堆栈视图

Question

我创建了一个自定义UIView，在视图中我尝试使用UIStackView添加一些UI元素。

在IB内部，我添加了一个视图，然后将自定义类设置为我的自定义UIView。

UIStackView似乎并不局限于我添加的UIView，而UIStackView似乎固定在原点上。此外，我只能在调试视图层次结构中看到它。它实际上没有显示任何标签或按钮，我只看到一个灰色的虚线框。

这是我创建的自定义视图

import UIKit

class ParameterControl: UIView {

private var name : UILabel!
private var valTf : UITextField!
private var delta : UITextField!
private var stepper : UIStepper!
private var button : UIButton!

init(frame: CGRect, albumCover: String) {
    super.init(frame: frame)
    commonInit()
}

required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    commonInit()
}

func commonInit(){

    name = UILabel()
    name.text = "Name"
    name.backgroundColor = UIColor.blue

    valTf = UITextField.init()
    delta = UITextField.init()
    stepper = UIStepper.init()
    button = UIButton.init()

    let stackView = UIStackView(arrangedSubviews: [valTf, delta, stepper, button])
    stackView.axis = .horizontal
    stackView.distribution = .fillEqually
    stackView.alignment = .fill
    stackView.spacing = 10
    stackView.translatesAutoresizingMaskIntoConstraints = false

    addSubview(stackView)

    //let viewsDictionary = ["stackView":stackView]
    //let stackView_H = NSLayoutConstraint.constraints(withVisualFormat: "H:|-20-[stackView]-20-|", options: NSLayoutFormatOptions(rawValue: 0), metrics: nil, views: viewsDictionary)
    //let stackView_V = NSLayoutConstraint.constraints(withVisualFormat: "V:|-30-[stackView]-30-|", options: NSLayoutFormatOptions(rawValue:0), metrics: nil, views: viewsDictionary)
    //self.addConstraints(stackView_H)
    //self.addConstraints(stackView_V)

}

}

我是否错误地使用UIStackView？目标是能够创建这些视图的数组，每个视图对应一个视图。我不想在IB中单独创建这些视图。

Answer 1

取消注释代码中的约束，并确保在堆栈视图中激活它们。它保留在它的默认位置和框架中，因为你没有给它任何限制，告诉它表现不好。另外，请确保所有元素都有一个有效的框架。