我可以使用自动布局在 UIScrollView 中包含灵活空间吗？

Question

我有一个滚动视图，其中包含用于登录应用程序的不同选项。

有两个按钮我想锚定到视图的底部，除非视图变得太小，否则视图应该滚动。

在“登录”和“Facebook”之间没有限制可能会导致臭名昭著的“内容高度不明确”。包含“顶部查看空间”约束意味着按钮不会锚定到底部。

有没有办法单独使用自动布局来包含这个“灵活空间”？如果没有怎么办？

Answer 1

请检查我做了什么。也许这会对你有所帮助。

• Take One View 并添加 fb 和 google 按钮初始化。
• 为滚动视图提供等宽和等高视图。并将水平和垂直居中，因此 Scrollview 将获得其内容大小。所以如果屏幕增加scrollview增加，UIView也会增加。
• 将 Fb 和 google 设置为 UIView 的底部约束，因此如果屏幕增大，您的按钮将始终保持在底部。

其他的都直接放到UIScrollview里面或者添加到UIView里面。

请查看下面的截图。希望对您有所帮助。

---

_{由 OP 编辑​​：}

如果屏幕很短，这个答案需要做一些额外的工作来停止按钮重叠。 （我无法发布确切的代码，因为它是我公司的 IP，但作为概述：）

关于布局子视图：

• 通过交叉框架检查社交登录视图的框架和滚动视图底部的视图是否重叠。
  • 两个帧都应该在相同的坐标空间中。例如转换为窗口空间。
• 将内容视图的高度约束增加该交叉点的高度（可能还有一点额外的填充）
• 将包含社交登录的视图框架向下移动相同的量。

Answer 2

看看这个，我有一个和你一样的案例。看看 - 这肯定会帮助您解决约束冲突。

创建UIScrollView 并使用superview 设置约束

// Create scrollview to display content
self.scrollView = UIScrollView()
self.scrollView.delegate = self
self.scrollView.setTranslatesAutoresizingMaskIntoConstraints(false)
self.view.addSubview(self.scrollView)
scrollView.keyboardDismissMode = UIScrollViewKeyboardDismissMode.Interactive

// Visual formatting constraints of scrollview horizontal-vertical alignment with respect to view
self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView" : scrollView]))
self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView" : scrollView]))

创建scrollView后，为scrollview创建子视图并定义其约束：

[这里VariableView是一个不同的类，它是UIView的子类，它不包含在代码中，仅供参考。将您的视图替换为VariableView]

func createQuestionControls() {

    var previousControlView : VariableView! = nil

    for variable in self.consultation.variables {

        // Create custom view to add controls
        var controlView : VariableView! = VariableView()
        controlView.customTextDelegate? = self
        controlView.setVariableView(variable as! Variable)
        controlView.backgroundColor = UIColor.clearColor()
        controlView.setTranslatesAutoresizingMaskIntoConstraints(false)

        controlView.endEditing(true)

        self.scrollView.addSubview(controlView)

        // TOP Horizontal constraint
        var metrices = ["width" : self.view.bounds.width]
        self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[controlView(width)]", options: NSLayoutFormatOptions(0), metrics: metrices, views: ["controlView" : controlView]))

        if previousControlView == nil {

            // Top vertical constraint
            self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[controlView]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["controlView" : controlView]))
        } else {

            // Top constraint to previous view
            self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:[previousControlView]-(10)-[controlView]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["controlView" : controlView, "previousControlView" : previousControlView]))
        }
        previousControlView = controlView
    }

    // This below constraints will increase UIScrollView content size
    var constraint1 = NSLayoutConstraint.constraintsWithVisualFormat("H:[previousControlView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["previousControlView" : previousControlView])
    self.scrollView.addConstraints(constraint1)

    var constraint2 = NSLayoutConstraint.constraintsWithVisualFormat("V:[previousControlView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["previousControlView" : previousControlView])
    self.scrollView.addConstraints(constraint2)
}

这里要注意的一点是，如果UIScrollView中有多个子视图，那么使用底部视图（最后附加在scrollView中的子视图），用于constraint1和constraint2变量。