在 UIScrollView 中嵌入 UIStackView 时出现的问题

Question

我正在通过 Interface Builder 设置 iOS 应用程序界面。 我有几个水平堆栈视图，都嵌入在一个垂直堆栈视图中。到这里，布局似乎还可以，约束也做得很好。

当我在 UIScrollView 中嵌入垂直堆栈视图时，布局变得非常糟糕。我的布局约束可能有问题，但我真的不知道是什么。下面是两张图片，分别代表 UIScrollView 中嵌入前后的布局：

有没有人知道为什么会发生这种情况？ 在此先感谢各位。

更新

安装此约束后：

VerticalStackView.width == ScrollView.width

结果如下：

更新 2

Answer 1

设置以下视图层次结构（屏幕截图）和约束，您应该一切顺利：

• ScrollView.top == View.top
• ScrollView.leading == View.leading
• ScrollView.bottom == View.bottom
• ScrollView.trailing == View.trailing
• ContentView.top == ScrollView.top
• ContentView.leading == ScrollView.leading
• ContentView.bottom == ScrollView.bottom
• ContentView.trailing == ScrollView.trailing
• ContentView.width == ScrollView.width
• VerticalStackView.top == ContentView.top + 16
• VerticalStackView.leading == ContentView.leading + 16
• VerticalStackView.bottom == ContentView.bottom - 16
• VerticalStackView.trailing == ContentView.trailing - 16

除了前四个约束中的View，您还可以使用SafeAreaLayoutGuide（取决于您的需要）。