在UIScrollView中滚动UIView

Question

与此相关的问题很多，但是约束非常糟糕。 因此，我添加了一个UIScrollView ，我要显示的UIView高度为700并且固定为700，没有动态高度。 我对UIScrollView的约束是：

对于UIView ，约束为：

但这不是滚动。

Answer 1

当我需要滚动视图时，需要执行的操作是-只需在情节提要中检查您的约束，然后在那里进行同样的操作即可（尤其要注意第二步）：

1. 我将scrollView添加到层次结构中，并使用autolayout正确地布局它，例如，如果它应该覆盖viewController的整个view ：

    scrollView.translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([ scrollView.leftAnchor.constraint(equalTo: self.view.leftAnchor), scrollView.rightAnchor.constraint(equalTo: self.view.rightAnchor), scrollView.topAnchor.constraint(equalTo: self.view.topAnchor), scrollView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor), ]) 

2. 然后，您需要将一个contentView添加到scrollView并为其提供适当的布局约束，因此，如果您想在上面开始的示例中使用可垂直滚动的scrollView ，则需要遵循以下自动布局约束：

    contentView.translatesAutoresizingMaskIntoConstraints = false NSLayoutConstraint.activate([ // horizontal anchors of contentView are constrained to scrollView superview // to prevent it from scrolling horizontally contentView.leftAnchor.constraint(equalTo: self.view.leftAnchor), contentView.rightAnchor.constraint(equalTo: self.view.rightAnchor), // but vertical anchors of contentView are constrained to // scrollView to allow scrolling contentView.topAnchor.constraint(equalTo: scrollView.topAnchor), contentView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor), ]) 

   请注意，在这里，我限制了leftAnchor和rightAnchor的的contentView到self.view而非scrollView ，使其固定的宽度。 但是，顶部和底部锚点限制在scrollView上，因此当contentView需要更多空间时，它们会展开并滚动。

3. 现在，将所需的所有内容添加到contentView ，然后使用自动布局将其布局，就像contentView是一个无限高的视图一样。 或者，您可以根据需要将其高度明确设置为700。

Answer 2

当您将AutoLayout提供给scrollView时，请遵循以下方法。

像对待其他任何视图对象一样对待ScrollView，并像平常一样应用约束：

在scrollView内获取一个视图，该视图稍后将包含您在ScrollView内想要的所有视图。 像应用子视图一样应用约束，如下所示：

除了前导，尾随，顶部和底部约束以外，还指定了宽度和高度。 宽度和高度将定义ScrollView可以在水平或垂直方向上滚动多少。

您可能不希望直接指定宽度和高度，而是要相对于您可能添加到此子视图中的其他内容指定高度和宽度。

提示：如果您可以从上到下画一条直线，连接子视图的Y轴约束，则不会出现歧义内容错误。 宽度也是如此。

在编程上，您可以遵循相同的方法：

    let scrollView = UIScrollView()
    self.view.addSubview(scrollView)
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    let safeArea = view.safeAreaLayoutGuide
    scrollView.topAnchor.constraint(equalTo: safeArea.topAnchor, constant: 0).isActive = true
    scrollView.leftAnchor.constraint(equalTo: self.view.leftAnchor).isActive = true
    scrollView.rightAnchor.constraint(equalTo: self.view.rightAnchor).isActive = true
    scrollView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor).isActive = true
    scrollView.backgroundColor = .gray

    let scrollContentView = UIView()
    scrollView.addSubview(scrollContentView)
    scrollContentView.translatesAutoresizingMaskIntoConstraints = false
    scrollContentView.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
    scrollContentView.rightAnchor.constraint(equalTo: scrollView.rightAnchor).isActive = true
    scrollContentView.leftAnchor.constraint(equalTo: scrollView.leftAnchor).isActive = true
    scrollContentView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
    scrollContentView.widthAnchor.constraint(equalTo: scrollView.widthAnchor).isActive = true
    scrollContentView.heightAnchor.constraint(equalTo: scrollView.heightAnchor).isActive = true
    scrollContentView.backgroundColor = .green

您可以根据需要增加scrollContentView的heightAnchor或widthAnchor。

Answer 3

不仅将scrollview本身的高度提供给scrollview内部的contentView