UIStackViewを使用して動的ラベルを作成するにはどうすればいいですか

Question

サイズが異なる10個のUILabelsがあり、3行に並べ替える必要があり、すべての行が先頭に並んでいます。親ビューのスペース、それは次の行に移動する必要があります。 UIStackviewを使ってどうすればいいですか？あなたはそのような何かをしようとすることができます

Answer 1

：

あなたのViewController

for item in array { 
     let someView = VPView(frame: CGRect(x: 0, y: 0, width: 70, height: 20)) 
     someView.translatesAutoresizingMaskIntoConstraints = false 
     stackView.addArrangedSubview(someView) 
    } 

のUIViewクラス：

class VPView: UIView { 

    let myLabel = UILabel() 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     self.addLabel() 
    } 

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

    func addLabels() { 

     //Mark: - Styles 
     let labelH: CGFloat = 15 
     let labelW: CGFloat = 70 

     //MARK: - My Label 
     self.myLabel.frame = CGRect(x: 0, y: 0, width: labelW, height: labelH) 
     self.myLabel.backgroundColor = UIColor.blue 
     self.myLabel.textAlignment = NSTextAlignment.center 
     self.myLabel.numberOfLines = 0 
     self.addSubview(self.myLabel) 

     self.myLabel.translatesAutoresizingMaskIntoConstraints = false 
     self.myLabel.heightAnchor.constraint(equalToConstant: labelH).isActive = true 
     self.myLabel.widthAnchor.constraint(equalToConstant: labelW).isActive = true 
     self.myLabel.topAnchor.constraint(equalTo: self.topAnchor).isActive = true 
     self.myLabel.leadingAnchor.constraint(equalTo: self.leadingAnchor).isActive = true 

    } 
}