在 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 （取決於您的需要）。