UIScrollView 中的 UIStackView 不滚动

Posted

技术标签:

【中文标题】UIScrollView 中的 UIStackView 不滚动【英文标题】:UIStackView in UIScrollView not scrolling 【发布时间】:2019-07-25 08:30:12 【问题描述】:

我在 UIScrollView 中实现 UIStackView 时遇到了一些麻烦。 我的视图层次结构如下所示:

 ┌─────────────────────────────┐
 │ViewController               │
 │┌───────────────────────────┐│
 ││Spacer UIView              ││
 │└───────────────────────────┘│
 │┌───────────────────────────┐│
 ││ UIScrollView              ││
 ││┌─────────────────────────┐││
 │││UIStackView              │││
 │││                         │││
 │││                         │││
 ││└─────────────────────────┘││
 │└───────────────────────────┘│
 │┌───────────────────────────┐│
 ││Spacer UIView              ││
 │└───────────────────────────┘│
 │┌───────────────────────────┐│
 ││UIView with other content  ││
 ││height: 300                ││
 │└───────────────────────────┘│
 └─────────────────────────────┘

我有间隔视图,以便内容垂直居中,如果它比屏幕的全高短。我将NSLayoutConstraints 布局如下 V:|-[spacer1]-[scrollview]-[spacer2(==spacer1)]-[footerView]-|

UIStackView 填充了UIViews,每个高度为 50(基本上是一个有行的表格)。

到目前为止一切顺利。一旦我的堆栈视图的行数超过“房间”,我就会收到一连串无休止的错误消息,指出必须打破约束(单个行的高度)。 错误消息不断来回不断地出现新的对象内存 id - 它基本上永远不会结束。 我假设我的滚动视图的内容高度没有正确设置。

在我的viewDidLoad 中,我设置了间隔和滚动视图:

let spacer1 = UIView()
spacer1.translatesAutoresizingMaskIntoConstraints = false
self.view.addSubview(spacerView1)
spacerView1.widthAnchor.constraint(equalTo: self.view.widthAnchor).isActive = true

let scroll = UIScrollView()
scroll.translatesAutoresizingMaskIntoConstraints = false
scroll.showsHorizontalScrollIndicator = false
self.view.addSubview(scroll)
scroll.widthAnchor.constraint(equalTo: self.view.widthAnchor).isActive = true

let stack = UIStackView()
stack.axis = .vertical
stack.translatesAutoresizingMaskIntoConstraints = false
stack.alignment = .center
stack.spacing = 2
stack.distribution = .equalSpacing
scroll.addSubview(stack)
stack.topAnchor.constraint(equalTo: scroll.topAnchor).isActive = true
stack.leftAnchor.constraint(equalTo: scroll.leftAnchor).isActive = true
stack.rightAnchor.constraint(equalTo: scroll.rightAnchor).isActive = true
stack.bottomAnchor.constraint(equalTo: scroll.bottomAnchor).isActive = true
stack.widthAnchor.constraint(equalTo: scroll.widthAnchor).isActive = true
stack.heightAnchor.constraint(equalTo: scroll.heightAnchor).isActive = true

在从另一个类调用的另一个方法中,然后我将 UIViews 添加到 UIStackView 中,只需将它们添加如下:stack.addArrangedSubview(rowView)

将 UIView 添加到堆栈视图后,我使用

调整滚动视图的大小
extension UIScrollView 
    func resizeScrollViewContentSize() 
        var contentRect = CGRect.zero
        for view in self.subviews 
            contentRect = contentRect.union(view.frame)
        
        self.contentSize = contentRect.size
    

这给出了打破约束的错误。

如果我删除堆栈视图的高度约束,那么它会崩溃,并且调试视图层次结构告诉我 UIStackView 的高度和垂直位置不明确。 一旦所有行都添加到堆栈视图中,我还尝试简单地设置scroll.contentSize = stack.frame.size。但这也没有用。 我还尝试先将行添加到堆栈视图,然后将堆栈视图添加到滚动视图。这样堆栈视图应该知道它的大小要求,但这也不起作用。

如上所述,只要行的总高度小于可能的空间,这可以正常工作。只要我再添加一行或在屏幕尺寸较小的设备上执行应用程序,我就会得到Will attempt to recover by breaking constraint <NSLayoutConstraint:0x600000b29fe0 MyApp.RowView:0x7fc571e840f0.height == 50 (active)>

基本上UIScrollView 的滚动功能不适用于我的堆栈视图。如何强制滚动视图重新计算其内容的需要高度。

我错过了什么或做错了什么?

谢谢

【问题讨论】:

尝试为您的 stackView 设置动态高度 我尝试在声明之后添加stack.sizeToFit(),并且在添加了所有行之后 - 对约束错误没有影响。 如果您使用约束,则无需这样做。将 stackView 高度优先级设置为 750 这行得通-请将其添加为答案,以便我接受... 【参考方案1】:

要解决这个问题,stackView 的高度必须是动态的。尝试将高度约束优先级设置为750,子视图布局后,一切都必须工作

【讨论】:

这成功了!只需将我的约束更改为:let c = stack.heightAnchor.constraint(equalTo: scroll.heightAnchor)c.priority = UILayoutPriority(rawValue: 750) 然后c.isActive = true 我在viewDidLayoutSubviews 方法中做到了这一点,它奏效了。谢谢你们!

以上是关于UIScrollView 中的 UIStackView 不滚动的主要内容,如果未能解决你的问题,请参考以下文章

检测 UIScrollView 中的滚动事件并发送到 UITableView 或其他 UIScrollView

UIScrollView 子视图中的水平 UISwipeGestureRecognizer ? (UIScrollView 只需要识别垂直滚动)

UIScrollView 中的 UITextView 都在另一个 UIScrollView 中

UIScrollView 中的 UITextView 中的键盘方向

uiscrollview 中的 uitableview(滚动问题)

UIScrollView 中的 drawRect 方法