在UIScrollView中嵌入UIStackView时出现问题

时间:2018-06-09 15:27:32

标签: ios xcode uiscrollview uistackview

我正在从Interface Builder设置iOS应用程序界面。 我有几个水平堆栈视图,都嵌入在一个垂直堆栈视图中。到目前为止,布局似乎还可以,并且约束很好。

当我在UIScrollView中嵌入垂直堆栈视图时,布局变得非常糟糕。我的布局限制可能有问题,但我真的不知道是什么。以下是两个代表UIScrollView中嵌入前后布局的图像:

Before UIScrollView

After UIScrollView

有没有人知道为什么会这样? 先谢谢你们。

更新

安装此约束后:

VerticalStackView.width == ScrollView.width

结果如下:

VerticalStackView.width == ScrollView.width img

更新2

After the addition of the basic constraints

1 个答案:

答案 0 :(得分: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

setup