具有完整图像背景溢出的PageViewController

时间:2017-03-22 19:54:47

标签: ios swift autolayout interface-builder bwwalkthrough

我目前正在使用BWWalkthrough创建入职体验,每张幻灯片都有不同的背景。通常,将ImageView的约束设置为0,将其内容模式设置为Aspect Fill就足以拥有全屏背景:

enter image description here

这篇文章和其他文章证实了How do you make a background image scale to screen size in swift?

但是使用PageViewController,我的图像溢出到下一页PageViewController。

请参阅以下内容以了解问题:

enter image description here

请记住,这是您在滑动之前看到的方式,这意味着此刻它是错误的

我也尝试将imageView的宽度设置为我的容器视图的宽度,但这并没有改变任何东西:

enter image description here

另外,我在使用BWWalkthrough之前以编程方式进行了一次入门操作,我遇到了完全相同的问题......我在这里缺少什么?

2 个答案:

答案 0 :(得分:0)

首先,您不需要使用Align Center X / Y约束,因为您使用了前导/尾随/顶部/底部约束。

删除对齐中心约束,并确保前导/尾随为0,顶部/底部为0或适当。

我不相信这些限制足以引起这个问题,但你不应该同时存在这两个问题。

答案 1 :(得分:0)

我没有使用BWWalkthrough,但看起来你有两个问题:

  1. 您的UIImageView未被剪裁。您应为所有网页设置firstPageController.view.clipsToBounds = YES;。这样可以确保剪切视图边界之外的内容。默认情况下没有。
  2. 您的UIImageView需要剪切,因为其内容大于UIImageView的大小。这可能是您想要的行为。但如果不是,您可能想尝试将图像视图的内容模式设置为适合方面。