Question

我有一个View，我动态加载按钮。所以我有一个for循环遍历所有按钮。由于这是动态的，我想以编程方式创建自动布局。现在我有以下代码：

for var i = 0; i < data.count; i++ {
      let button   = UIButton.buttonWithType(UIButtonType.System) as! UIButton
      button.backgroundColor = UIColor.greenColor()
      button.setTitle("Button", forState: UIControlState.Normal)

      button.setTranslatesAutoresizingMaskIntoConstraints(false)

      self.view.addSubview(button)

      let centerXConstraint = NSLayoutConstraint(item: button, attribute: NSLayoutAttribute.CenterX, relatedBy: NSLayoutRelation.Equal, toItem: scrollView, attribute: NSLayoutAttribute.CenterX, multiplier: 1.0, constant: 0)

      let centerYConstraint = NSLayoutConstraint(item: button, attribute: NSLayoutAttribute.Top, relatedBy: NSLayoutRelation.Equal, toItem: scrollView, attribute: NSLayoutAttribute.Top, multiplier: 1.0, constant:15)

      let widthConstraint = NSLayoutConstraint(item: button, attribute: NSLayoutAttribute.Width, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1.0, constant: 200)

      let heightConstraint = NSLayoutConstraint(item: button, attribute: NSLayoutAttribute.Height, relatedBy: NSLayoutRelation.Equal, toItem: nil, attribute: NSLayoutAttribute.NotAnAttribute, multiplier: 1.0, constant:100)

      scrollView.addConstraints([centerXConstraint, centerYConstraint, widthConstraint, heightConstraint])
}

这将创建第一个按钮并将其放置在顶部栏下方15px。我遇到的问题是如何将第一个按钮15px放在第一个按钮下，第三个按钮15px放在第二个按钮下等等。有人有任何想法吗？

Answer 1

这绝对是可能的，但首先，我应该提一下，你不需要为按钮的宽度和高度添加约束，因为它们具有内在的内容大小（如UILabel），这取决于属性，如文本和字体。

回到你的问题！

以下是代码，每个步骤的解释如下：

override func viewDidLoad() {
    super.viewDidLoad()

    // 1.
    var upperView: UIView = scrollView

    for i in 0..<data.count {
        let button = UIButton.buttonWithType(UIButtonType.System) as! UIButton
        button.backgroundColor = UIColor.greenColor()
        button.setTitle("Button", forState: UIControlState.Normal)

        button.setTranslatesAutoresizingMaskIntoConstraints(false)

        //  2.
        scrollView.addSubview(button)

        //  3.
        let attribute: NSLayoutAttribute = i == 0 ? .Top : .Bottom

        //  4.
        let topEdgeConstraint = NSLayoutConstraint(item: button,
            attribute: .Top,
            relatedBy: .Equal,
            toItem: upperView,
            attribute: attribute,
            multiplier: 1.0,
            constant: 15.0)

        let centerXConstraint = NSLayoutConstraint(item: button,
            attribute: .CenterX,
            relatedBy: .Equal,
            toItem: scrollView,
            attribute: .CenterX,
            multiplier: 1.0,
            constant: 0.0)

        scrollView.addConstraint(topEdgeConstraint)
        scrollView.addConstraint(centerXConstraint)

        //  5.
        if i == data.count - 1 {
            let bottomConstraint = NSLayoutConstraint(item: button,
                attribute: .Bottom,
                relatedBy: .Equal,
                toItem: scrollView,
                attribute: .Bottom,
                multiplier: 1.0,
                constant: -15.0)

            scrollView.addConstraint(bottomConstraint)
        }

        upperView = button
    }
}

1。 upperView用于跟踪当前按钮上方的视图。例如，创建第一个按钮时，upperView为UIScrollView对于第二个按钮，upperView是第一个按钮;对于第三个按钮，upperView是第二个按钮，依此类推......

2。您的按钮应添加到UIScrollView，而不是self.view。否则你会收到错误：

视图层次结构没有为约束...
准备

3。此行选择upperView上将button与upperView相关联的属性。这是一张展示我的意思的图片：

enter image description here

a）该按钮的.Top与.Top

UIScrollView.

b）该按钮的.Top与之前.Bottom的{{1}}相关。

4。制作顶级和中心X约束 - 这些都非常自我解释。

5。要让UIButton正确计算其UIScrollView，它必须在从上到下（从上到下，从上到下的完整链条中具有约束） case，因为它需要垂直滚动）。因此，如果它是最后contentSize，则从其底边开始的约束被添加到UIButton的下边缘。

希望有所帮助！

Swift自动布局编程和动态

1 个答案: