UIScrollView可滚动内容大小模糊

的开发者, 我在界面生成器(Xcode 5 / iOS 7)中的自动布局遇到了麻烦。这是非常基础和重要的，所以我认为每个人都应该知道这是如何正确工作的。如果这是Xcode中的一个bug，那它就是一个严重的bug !

所以，每当我有这样的视图层次结构时，我就会遇到麻烦:

>UIViewController
>> UIView
>>>UIScrollView
>>>>UILabel (or any other comparable UIKit Element)

UIScrollView有固定的约束，例如，每边50px(没问题)。然后我添加一个顶部空间约束UILabel(没有问题)(我甚至可以钉标签的高度/宽度，改变什么，但应该是不必要的，由于标签的内在大小)

当我给UILabel添加一个尾随约束时，问题就开始了:

例如，尾随空间到:Superview等于:25

现在出现了两个警告——我不明白为什么:

A)滚动内容大小不明确(滚动视图具有不明确的滚动内容高度/宽度)

B)视图错位(Label Expected: x= -67 Actual: x= 207)

我在一个新项目中做了这个最小的例子，你可以下载，我附上了一张截图。如你所见，Interface Builder期望Label位于UIScrollView的边界之外(橙色虚线矩形)。用解决问题工具更新标签的框架，将其移到那里。

请注意:如果你用一个UIView替换UIScrollView，行为是预期的(标签的帧是正确的，根据约束)。所以看起来要么是UIScrollView有问题，要么是我错过了一些重要的东西。

当我运行应用程序而不更新标签的框架时，它的位置很好，正是它应该在的地方，UIScrollView是可滚动的。如果我确实更新了帧，标签就会从视野中消失，UIScrollView也不会滚动。

帮帮我，欧比王·克诺比!为什么是模棱两可的布局?为什么会出现这种错位的观点?

你可以在这里下载示例项目，试着看看你能弄清楚发生了什么: https://github.com/Wirsing84/AutoLayoutProblem

当前回答

我终于明白了，我希望这更容易理解。

你通常可以通过添加一个基本的UIView到滚动视图作为一个“内容视图”来绕过这个警告，就像他们提到的，让它和你的滚动视图一样大，在这个内容视图上，设置这6个参数。

如您所见，您总共需要6个参数!哪一个在正常情况下，你复制了两个约束，但这是避免故事板错误的方法。

2015-10-13 03:52:22

其他回答

Swift 4+方法:

1)设置UIScrollView的上、下、左、右边缘为0

2)在UIScrollView中添加一个UIView，并设置顶部、底部、前边距和尾随边距为0(等于UIScrollView的边距)。

3)最重要的部分是设置宽度和高度，其中高度约束的优先级应该低。

private func setupConstraints() {

    // Constraints for scrollView
    scrollView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
    scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
    scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
    scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true

    // Constraints for containerView
    containerView.topAnchor.constraint(equalTo: scrollView.topAnchor).isActive = true
    containerView.bottomAnchor.constraint(equalTo: scrollView.bottomAnchor).isActive = true
    containerView.leadingAnchor.constraint(equalTo: scrollView.leadingAnchor).isActive = true
    containerView.trailingAnchor.constraint(equalTo: scrollView.trailingAnchor).isActive = true
    containerView.widthAnchor.constraint(equalTo: scrollView.widthAnchor).isActive = true

    let heightConstraint = containerView.heightAnchor.constraint(equalTo: scrollView.heightAnchor)
    heightConstraint.priority = UILayoutPriority(rawValue: 250)
    heightConstraint.isActive = true
}

2018-12-19 22:17:47

在我的情况下，我收到了不正确的内容大小和内容大小模糊的问题在iPad，但在iPhone的情况下工作。我在故事板中做了以下更改来解决这个问题。

在UIView中添加scrollview并添加约束前置，上，后，下到0,0,0,0。设置滚动视图的高度根据要求，例如。One hundred. 添加UIView到滚动视图，并添加约束领先，顶部，尾部和底部0,0,0,0和对齐中心(X)和中心(Y)约束。在滚动视图的尺寸检查器中取消选择“内容布局指南”。

2020-04-29 11:56:52

如果你仍然有UIScrollView的问题，只要关闭内容布局指南 (在xcode Interface Builder中选择你的ScrollView ->在右侧面板中选择尺寸检查器->取消选择“内容布局指南”) 或者试试这些步骤:xcode 11滚动视图布局-它可以对新的版式很有用。适用于macOS 10.15.2, Xcode 11.3.1, 05.02.2020

看到截图

2020-02-05 07:28:45

你需要创建一个UIView作为UIScrollView的子视图，如下所示:

ui UIView 'Main View' UIScrollView UIView容器视图 (内容)

第二步是创建UIScrollView约束。我用它的superView的顶部，底部，前导和尾部约束做到了这一点。

接下来，我为UIScrollView容器添加了约束，这就是问题开始的地方。当你放置相同的约束(顶部，底部，前面和后面)时，Storyboard会给出一个警告消息:

“可滚动内容宽度不明确”和“可滚动内容高度不明确”

继续使用上面相同的约束，只需要在容器视图中添加等高等宽的约束，而不是与你的UIScrollView相关。换句话说，容器视图的约束被绑定到UIScrollView的父视图。

在此之后，您的Storyboard中将没有警告，您可以继续为子视图添加约束。

2014-10-29 21:20:40

使用自动布局

在一个定义良好的视图中添加滚动视图，然后在滚动视图中添加堆栈视图