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

当前回答

使用contentView (UView)作为容器在UIScrollView，坚持边缘(上，下，后，前)的superview (UIScrollView)和contentView应该有等宽和等高的superview。这些都是约束条件。方法的调用:

-(void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    self.scrollView.contentSize = self.contentView.frame.size;
}

为我解决了问题。

2014-12-11 08:46:51

其他回答

我想这是10秒后的作品。我在XCode 7.3中观察到它，并制作了一个视频。检查:

https://www.youtube.com/watch?v=yETZKqdaPiI

你所要做的就是给UIScrollView添加一个宽度和高度相同的子视图。然后选择ViewController并按下Reset到建议的约束。为了更清楚地理解，请查看视频。

谢谢

2016-06-11 07:42:41

如果你注意到滚动条在右边滚动，但内容没有移动，那么这个事实可能值得考虑:

您还可以在滚动视图的内容和滚动视图之外的对象之间使用约束，为滚动视图的内容提供固定位置，使该内容看起来漂浮在滚动视图之上。

这是苹果公司的文档。例如，如果你不小心把你的顶部标签/按钮/Img/视图钉在滚动区域之外的视图(也许是一个标题或scrollView上面的东西?)而不是contentView，你会冻结你的整个contentView在适当的位置。

2016-09-29 23:32:16

Xcode 11+， Swift 5

如果你想知道为什么所有的答案都不再工作了，请确保你已经固定了内容视图(你已经放在滚动视图内的那个)到滚动视图的内容布局指南，而不是框架布局指南。

内容视图边缘(前导，后拉，顶部，底部)不应该像图像-框架布局指南上的前导那样被固定

但像这样-内容布局指南。

然后大部分答案都会适用于你。

现在最简单的方法是这样的:

把滚动视图放到根视图中将滚动视图的所有边固定在父视图上取另一个UIView(我们称之为content view)把它放到滚动视图中将内容视图的所有边固定在滚动视图的内容布局指南上固定内容视图的宽度等于滚动视图的框架布局指南以任何你想要的方式固定内容视图的高度(我在下面的例子中使用了常量高度约束)

总的来说，在最简单的实现中，你的结构是这样的

2019-10-10 14:45:29

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

Xcode 11+， Swift 5。

根据@WantToKnow的回答，我解决了我的问题，我准备了视频和代码

2019-12-11 06:27:19

UIScrollView可滚动内容大小模糊

推荐文章

最新文章

标签