如何从 Swift 中的数组以编程方式在堆栈中创建按钮答案

【问题标题】：How to create buttons in a stack programmatically from an array in Swift如何从 Swift 中的数组以编程方式在堆栈中创建按钮
【发布时间】：2020-11-15 05:23:59
【问题描述】：

我是 Swift 新手，我想知道如何从数组中获取一些值并将它们转换为堆栈中的按钮。我有一个包含狗及其信息的数组。我希望按钮显示每只狗的名字。狗的数量可以改变，所以我需要改变堆栈以反映数组中的内容。我真的迷路了，我知道我需要将此代码添加到视图控制器，但我找不到与此类似的任何内容

这是我的数组：

var myDogs = [
        Dog(name: "Saleks", gender: "Male", speed: 50),
        Dog(name: "Balto", gender: "Male", speed: 70),
        Dog(name: "Mila", gender: "Female", speed: 20)
    ]

这是我的视图控制器：

    @IBOutlet weak var buttonsStack: UIStackView!

    override func viewDidLoad() {
        super.viewDidLoad()
        for Dog in myDogs {
        print("\(Dog.name)")
    }

//向数组中添加一条新狗

@IBAction func buyDogButton(_ sender: UIButton) {
func buyDog() {
myDogs.append(Dog(name: "Dogname", gender: "female", speed: 20))

}

【问题讨论】：

搜索始终是一种选择，这是否回答了您的问题？ Adding buttons programmatically to stackView in Swift
根据列表中狗的最大数量，单元格中带有按钮的表格也可能是一个选项。

标签： arrays swift

【解决方案1】：

我会这样做：

按照此处所述创建 stackView：Add views in UIStackView programmatically
但不是图像或标签，而是创建按钮

所以代码看起来像这样（在 DidLoad 视图中）：

var myDogs = [
              Dog(name: "Saleks", gender: "Male", speed: 50),
              Dog(name: "Balto", gender: "Male", speed: 70),
              Dog(name: "Mila", gender: "Female", speed: 20)
          ]

let stackView   = UIStackView(frame: CGRect(x: 40, y: 100, width: 60, height: 100))
stackView.backgroundColor = .red
stackView.axis  = NSLayoutConstraint.Axis.vertical
stackView.distribution  = UIStackView.Distribution.equalSpacing
stackView.alignment = UIStackView.Alignment.center
stackView.spacing   = 16.0
      
for dog in myDogs {
    let button = UIButton() // Need to set the IBAction
    button.setTitleColor(.blue, for: UIControl.State.normal)
    button.setTitle(dog.name, for: UIControl.State.normal)  // "Click"
    button.backgroundColor = .red
    stackView.addArrangedSubview(button)
 }

 stackView.translatesAutoresizingMaskIntoConstraints = false

 self.view.addSubview(stackView)
      //Constraints
 stackView.centerXAnchor.constraint(equalTo: self.view.centerXAnchor).isActive = true
 stackView.centerYAnchor.constraint(equalTo: self.view.centerYAnchor).isActive = true

我将背景颜色设置为红色以使按钮非常明显您可能希望按钮具有共同宽度，然后在创建按钮时设置它们的框架。

【讨论】：