在 Swift 中以编程方式添加时，UIScrollView 根本不滚动？

Question

所以，我浏览了 Stackoverflow 对这个特定问题的几乎所有答案，甚至浏览了据称教你如何使用滚动视图但它似乎不适用于我的项目的教程。..

这是我目前所知道的，为了让滚动视图正常工作，您首先需要给它一个内容大小。这决定了可滚动的高度等。

我提供了一些代码，让大家更好地了解我如何将所述项目添加到我的滚动视图中。如果我做错了什么，或者如果有更好的方法来做这件事，请告诉我，我对 Swift 和 iOS 开发还很陌生，在我看来，我觉得我做得对。

我正在采取的步骤

1. 创建我想要显示的项目（输入字段、图像视图等）
2. 将所述项目添加到视图控制器的视图中。 (view.addsubview(etc..))
3. 创建一个滚动视图并将其约束设置为与屏幕/视图相同
4. 将包含所有项目的视图添加到所述滚动视图中
5. 放松，一切都应该完美无瑕？？？？？

这是我的代码，我知道它可能很长，但我认为可能需要它以便理解我的问题的范围

class JobRegistrationController: UIViewController {

// ... Omitted for clarity
lazy var scrollView: UIScrollView = {
    let view = UIScrollView(frame: UIScreen.main.bounds)
    view.backgroundColor = .red
    view.contentSize = CGSize(width: self.view.bounds.width, height: self.view.bounds.height * 2)
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

//... Omitted for clarity

    let scrollContentView: UIView = {
    let view = UIView()
    view.translatesAutoresizingMaskIntoConstraints = false
    return view
}()

override func viewDidLoad() {
    super.viewDidLoad()

    // Need so that view controller is not behind nav controller
    self.edgesForExtendedLayout = []

    view.addSubview(scrollView)
    scrollView.addSubview(scrollContentView)
    scrollContentView.addSubview(jobTypeField)
    scrollContentView.addSubview(jobTypeDividerLine)

    // x, y, width and height constraints
    scrollView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
    scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    scrollView.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
    scrollView.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true

    // x, y, width and height constraints
    scrollContentView.leftAnchor.constraint(equalTo: view.leftAnchor).isActive = true
    scrollContentView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    scrollContentView.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
    scrollContentView.heightAnchor.constraint(equalTo: view.heightAnchor).isActive = true

    // x, y, width and height constraints
    jobTypeField.leftAnchor.constraint(equalTo: scrollContentView.leftAnchor, constant: 20).isActive = true
    jobTypeField.topAnchor.constraint(equalTo: scrollContentView.topAnchor).isActive = true
    jobTypeField.rightAnchor.constraint(equalTo: scrollContentView.rightAnchor, constant: -8).isActive = true
    jobTypeField.heightAnchor.constraint(equalToConstant: 30).isActive = true

    // x, y, width and height constraints
    jobTypeDividerLine.leftAnchor.constraint(equalTo: scrollContentView.leftAnchor, constant: 20).isActive = true
    jobTypeDividerLine.topAnchor.constraint(equalTo: jobTypeField.bottomAnchor).isActive = true
    jobTypeDividerLine.rightAnchor.constraint(equalTo: scrollContentView.rightAnchor).isActive = true
    jobTypeDividerLine.heightAnchor.constraint(equalToConstant: 0.5).isActive = true

Answer 1

在你的课堂上使用这个方法

  override func viewDidLayoutSubviews()
  {
   scrollView.delegate = self
   scrollView.contentSize = CGSize(width:self.view.frame.size.width, height: 1000) // set height according you
  }

Answer 2

view.contentSize = CGSize(width: self.view.bounds.width, height: self.view.bounds.height * 2)

在尝试访问contentSize 后，您应该尝试在控制台中记录它。我不确定您是否在此处设置了正确的contentSize，如果此时调用 self.view.bounds 时计算正确。因为 self.view 框架和边界的计算需要时间。

尝试设置您的contentSize在根据实际总内容大小向其中添加实际内容之后。

编辑：

在scrollView 中添加一个UIView，并将约束设置为top-bottom-leading-trailing，并将您的子视图添加到其中。另外，将 scrollView 上的相同约束设置为 superView top-bottom-leading-trailing。

Answer 3

我相信下面这行代码是问题所在

scrollContentView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true

您正在将内容视图设置到视图的顶部，而您应该将其设置到滚动视图的顶部。

我刚刚克服了一个类似的问题，我将第一个视图的 topAnchor 设置为滚动视图的 safeAreaLayoutGuide.topAnchor。一切都正确布局，但约束不会显示，因此 scrollView 的全部内容没有移动。

Answer 4

问题在于您不知道内容的底部在哪里。换句话说，您需要一些底部约束。

如果你使用...

scrollContentView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true

...您还需要添加一个约束以将至少一个视图绑定到 UIScrollView 的底部，例如：

scrollContentView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true

...并将scrollContentView中的最后一个视图绑定到它的bottomAnchor。

jobTypeDividerLine.bottomAnchor.constraint(equalTo: scrollContentView.bottomAnchor).isActive = true

这肯定会解决您的问题。因为这样整个约束序列是从上到下链接的。

底线，UIScrollView 并不聪明，它以各种可能的方式确定自己的底部。这是一种懒惰。如果你没有告诉他足够多，它就不会简单地滚动，而很明显你的内容会消失在 UIScrollView 容器的底部。