的开发者, 我在界面生成器(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并没有像建议的那样真正起作用。此外,由于添加了视图,它会产生开销(尽管我不认为这是一个大问题)。对我来说最有效的方法是关闭我的scrollView的歧义检查。一切都布置得很好,所以我认为在像我这样简单的情况下是可以的。但是请记住,如果你的scrollView的其他约束被打破,Interface-Builder将不再就此警告你。

其他回答

Xcode 11 +。

使用自动布局的最简单方法:

Add UIScrollView and pin it 0,0,0,0 to superview (or your desired size) Add container of UIView type inside ScrollView, pin it 0,0,0,0 to all 4 sides and center it horizontally and vertically. In size inspector of container, change bottom and align center Y priority to 250. (for horizontal scroll change trailing and align center X) Add all views that you need into said container (UIView). Don't forget to set the bottom constraint on the lowest view. Select the UIScrollView, select the size inspector and deselect Content Layout Guides.

更新

如今,苹果意识到我们多年前解决的问题(lol_face),并提供内容布局指南和框架布局指南作为UIScrollView的一部分。因此,您需要执行以下步骤:

与以下原始回复相同; 对于这个contentView,设置顶部,底部,左边和右边的边距为0,将它们固定到滚动视图的内容布局指南; 现在将contentView的高度设置为Frame Layout Guide的高度。对宽度做同样的操作; 最后,将等高约束的优先级设置为250(如果您需要视图垂直滚动,宽度水平滚动)。

完成了。

现在你可以在contentView中添加所有的视图,scrollView的contentSize会自动根据contentView调整大小。

不要忘记从contentView中最后一个对象的底部设置约束到contentView的边缘。

原始(弃用)

So I just sorted out in this way:

在UIScrollView里面添加一个UIView(我们可以称之为contentView); 在这个contentView中,将上,下,左,右边距设置为0(当然是从scrollView,也就是superView中);设置也对齐中心水平和垂直;

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

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

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

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

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

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

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

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

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

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

我在youTube上做了一个视频 在Xcode中只使用Storyboard滚动StackViews

我认为这里会出现两种情况。

scrollView -内的视图

没有任何内在内容大小(例如UIView) 大小(例如UIStackView)

对于这两种情况下的垂直可滚动视图,您需要添加以下约束:

4个从上,左,下,右的约束。 与scrollview宽度相等(用于停止水平滚动)

对于具有自身固有内容高度的视图,您不需要任何其他约束。

对于没有任何内在内容高度的视图,需要添加高度约束。只有当高度限制大于scrollView的高度时,视图才会滚动。