如何使用自动版式

时间:2019-06-12 21:33:38

标签: uiscrollview ios-autolayout xcode11

使用自动布局时,无法在Xcode 11 beta的视图控制器中设置简单的UIScrollView。我知道我必须将滚动视图限制在边缘,然后将滚动视图的宽度和高度设置为等于包含滚动视图的整个视图的宽度和高度。但是,尝试设置宽度和高度相等时,我没有选择。

当我从滚动视图中右键单击并拖动到整个主视图时,我得到以下选项:

  • 通往安全区的领先空间
  • 安全区域的顶部空间
  • 将空间拖到安全区域
  • 底部空间到安全区域
  • 在安全区域中水平居中
  • 在安全区域内垂直居中

在其他视频中,我似乎没有一个“等宽”和“等高”选项。

我是在做错什么,还是Apple改变了Xcode 11中滚动视图的工作方式?

9 个答案:

答案 0 :(得分:72)

在属性中禁用内容布局指南

Disabling the content layout guides in properties

我遇到了同样的问题,并且通过禁用该选项就消失了。

希望有帮助! :)

答案 1 :(得分:9)

我也遇到了这个问题。 找到了对我有帮助的好指南:

https://useyourloaf.com/blog/scroll-view-layouts-with-interface-builder/

基本上您需要9个约束(假设您只想垂直滚动):

1-4:滚动查看到超级视图(顶部,底部,前导,尾随)。确保将其连接到父视图而不是安全区域。

5-8:“内容布局”指南的内容视图(顶部,底部,开头,结尾)。

  1. 内容视图的宽度等于“框架布局指南”的宽度。

答案 2 :(得分:1)

在Xcode-11中的滚动问题上花了很长时间之后。关于此问题的结论是,您必须在添加新约束的同时选择滚动选项。

您可以参考以下屏幕截图来解决问题。

enter image description here

这些提到的解决方案对我有用。

答案 3 :(得分:1)

在属性中禁用内容布局指南对我有用。

答案 4 :(得分:0)

我也遇到了这个问题(Version 11.0 beta 3 (11M362v))。通过首先在xcode10中设置布局,然后在xcode11中运行布局,解决了这个问题。我尚未找到任何官方说明,证明这是xcode11的问题,但就目前而言,我猜这是xcode11贝特的问题。

答案 5 :(得分:0)

好吧,我遇到了这个问题,但是找到了解决方案。 问题是安全区域enter image description here

  • 在UIview中嵌入滚动视图。
  • 给出上,下,右和左0。
  • 现在使用此视图给出滚动视图的约束。
  • 在此视图中添加内容视图的高度和宽度相等。

父视图会自动提供安全区域。您所要做的只是将滚动视图嵌入到UIview中,然后向该视图提供相等高度和相等宽度的内容视图。

答案 6 :(得分:0)

对我来说,Content Layout Guides最初是ScrollView的默认状态。因此,我只是启用和禁用了Content Layout Guides,然后错误自动消失了。

答案 7 :(得分:0)

Xcode 11 +,Swift 5。

我解决了问题,准备了videocode

答案 8 :(得分:0)

@Vadim 的回答稍作调整就起作用了。 没有其他工作,我不想禁用“内容布局指南”。既然苹果启用了,为什么要禁用它。所以一定是我遗漏了什么或者是一个错误。

Vadim 的回答是:

I stacked with that problem as well. Found a good guide that helped me:
https://useyourloaf.com/blog/scroll-view-layouts-with-interface-builder/
Basically what you need is 9 constraints (assuming you want to scroll only vertically):

1-4: ScrollView to Superview (top, bottom, leading, trailing). Make sure to connect it to parent view and not to safe area.

5-8: Content view to Content Layout guide (top, bottom, leading, trailing)

9: Content view Width equals width to Frame Layout Guide.

一切都很好,但没有用,

但后来我意识到上面的 6 和 8(“内容布局指南”的尾部和底部约束)约束有点奇怪。它们具有正常数值而不是零。就像下图。 (常量等于滚动视图的宽度和高度)。我将它们更改为零,现在一切正常。

enter image description here