开发人员,我在 Interface Builder (Xcode 5 / iOS 7) 中遇到自动布局问题。这是非常基本和重要的,所以我认为每个人都应该知道它是如何正常工作的。如果这是 Xcode 中的一个错误,那就是一个严重的错误!
所以,每当我有这样的视图层次结构时,我都会遇到麻烦:
>UIViewController >> UIView >>>UIScrollView >>>>UILabel (or any other comparable UIKit Element)
UIScrollView 具有可靠的约束,例如,每边 50 像素(没问题)。然后我向 UILabel 添加一个顶部空间约束(没问题)(我什至可以固定标签的高度/宽度,没有任何改变,但由于标签的固有大小应该是不必要的)
当我向 UILabel 添加尾随约束时,麻烦就开始了:
例如,尾随空格到:Superview 等于:25
现在出现两个警告 - 我不明白为什么:
A) Scrollable Content Size Ambiguity (Scroll View has ambiguous scrollable content height/width)
B)错位的视图(标签预期:x= -67 实际:x= 207
我在一个全新的项目中做了这个最小的例子,你可以下载它,我附上了一个截图。如您所见,Interface Builder 期望 Label 位于 UIScrollView 的边界(橙色虚线矩形)之外。使用解决问题工具更新标签的框架会将其移动到那里。
请注意:如果将 UIScrollView 替换为 UIView,则行为符合预期(Label 的框架正确且符合约束)。所以似乎 UIScrollView 有问题,或者我错过了一些重要的事情。
当我运行应用程序而不按照 IB 的建议更新标签的框架时,它的位置很好,正是它应该在的位置,并且 UIScrollView 是可滚动的。如果我确实更新了框架,则标签不在视线范围内,并且 UIScrollView 不会滚动。
帮助我欧比旺克诺比!为什么是模棱两可的布局?为什么会有错位的看法?
您可以在此处下载示例项目并尝试是否可以弄清楚发生了什么: https ://github.com/Wirsing84/AutoLayoutProblem
于是我就这样整理了一下:
在里面UIScrollView 添加 一个UIView(我们可以称之为contentView);
UIScrollView
UIView
contentView
在 thiscontentView中, 设置 top、bottom、left 和 right margin 为 0 (当然从scrollViewwhich 是superView); 还设置水平和垂直对齐中心 ;
scrollView
superView
更新:
如今,Apple 意识到了我们多年前解决的问题(lol_face),并提供了 Content Layout Guide 和 Frame Layout Guide 作为UIScrollView. 因此,您需要执行以下步骤:
同上;
为此contentView, 将顶部、底部、左侧和右侧边距设置为 0, 将它们固定到滚动视图的 内容布局指南 ;
现在将contentView‘ 高度设置为 Frame Layout Guide 的高度。对宽度做同样的事情;
最后,将等高约束的优先级设置为 250 (如果需要视图垂直滚动,则宽度水平滚动)。
完成 。
现在您可以在其中添加所有视图contentView,并且contentSize将scrollView根据contentView.
contentSize
不要忘记将约束从您的最后一个对象的底部设置contentView到contentView‘ 的边距。