将子视图布局锚点设置为 UIScrollView

Question

当我想在 UIScrollView 中设置我的子视图的顶部锚点时，我必须给它们一个恒定的高度，否则 scrollView 将不会滚动。但是随着数量的增加，感觉就像一团糟。

例如，如果我将第二个子视图的 topAnchor 设置为第一个子视图的 bottomAnchor，它将不会滚动。我必须将它们设置为 scrollView 的锚点。有没有更好的方法来实现这个而不需要给出一个常数并自己计算距离？

这是我的滚动视图：

    scrollView.translatesAutoresizingMaskIntoConstraints = false
    scrollView.contentSize = CGSize(width: UIScreen.main.bounds.width, height: 500)
    scrollView.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    scrollView.isScrollEnabled = true

    belowContainer.addSubview(scrollView)

    scrollView.topAnchor.constraint(equalTo: belowContainer.topAnchor, constant: 20).isActive = true
    scrollView.leadingAnchor.constraint(equalTo: belowContainer.leadingAnchor).isActive = true
    scrollView.trailingAnchor.constraint(equalTo: belowContainer.trailingAnchor).isActive = true
    scrollView.bottomAnchor.constraint(equalTo: belowContainer.bottomAnchor, constant: 0).isActive = true

并且我使用以下变量在子视图之间获得正确的垂直间距

    var counter : CGFloat = 0; // height space counter between uiItems below!
    let multiplierHeight : CGFloat = 32 // we multiply our counter by this value to get the right spacing!

最后我将子视图锚定在这样的 for 循环中：

    for lbl in labelsArray {
        lbl.font = UIFont(name: fontName, size: 20)

        lbl.topAnchor.constraint(equalTo: scrollView.topAnchor, constant: counter * multiplierHeight).isActive = true          
        lbl.heightAnchor.constraint(equalToConstant: 25).isActive = true
        counter += 1
    }

Answer 1

这似乎不是您问题的正确解决方案。相反，您应该级联标签，使一个标签的底部约束链接到下一个标签的顶部约束。这样，您就不必进行顶部约束常量乘法。

但是，您可能想要考虑使用堆栈视图来实现您的目标。使用约束将堆栈视图固定到滚动视图的内容视图，然后使用 for 循环将标签添加到堆栈视图：

stackView.addArrangedSubview(lbl)

堆栈视图的优点是您不需要单个布局约束。相反，堆栈视图本身负责定位其子视图。

将子视图布局锚点设置为 UIScrollView

Setting subviews layout anchors to UIScrollView

uiscrollview

swift

nslayoutanchor