ios - 如何让应用程序居中和/或填满屏幕？

Question

我是 Xcode 的新手，我有一个非常简单的布局，其中有一个方形 ImageView，下面有两个按钮。我将它们包装在一个名为 Box 的 UIView 中(作为 viewForZoomingInScrollView 的 subview 目标)，它被包装在一个 ScrollView 中。

我尝试使用 SingleView 模板以两种不同的方式构建它。在第一种方式中，我将 ViewController 的 View 更改为 ScrollView，如下所示。

其次，我也像这样在 ViewController 的 View 中使用 Scrollview 进行了尝试。

在这两种情况下，一切正常或符合预期，除了:在这两种情况下，无论方向或缩放级别如何，整个 ViewController 都固定在屏幕的左上角。

* 天哪，我在一天内解决了所有资源管理和操作问题，现在我花了将近一周的时间与布局抗争 *

当我没有约束时，像这样:

App打开是这样的。 View为Black，ScrollView为紫色，Box为DKGray，ImageView为LTGray

当我捏它时，图像(在弹跳之后)固定在左上角。

如果我给 ScrollView 和 Box 添加居中约束，

ScrollView 的约束得到尊重，但 Box 的没有。 (实际上当应用程序打开 Box 填充 ScrollView 时，只有在捏合后 Box 才会上升到左上角。滚动是否会破坏约束...？我必须在 scrollViewDidEndZooming 中放置约束吗？)

这是我当前的子问题。当 Layout 没有足够的约束时，它必须添加它们。它添加的约束是否优先于我的约束？有没有办法查看它添加了哪些约束？我在上述约束条件下收到这些警告。

主要问题:如何让它位于 iOS 屏幕的中心或充满屏幕？我想有一个 Interface Builder 解决方案和一个代码解决方案，或者两者都会引起兴趣。

感谢阅读。

Answer 1

改变元素对齐方式

每个元素都需要有约束来勾勒出它应该在其父元素中显示的位置。即现在你有一个图像，在一个 View 中，在一个 ScrollView 中。所以这三个元素中的每一个都需要设置约束。

对于每个元素:

1. 点击元素
2. 点击右下角的“添加新对齐约束”按钮
3. 选中“Horizo​​ntally in container”和“Vertically in container”复选框，然后点击“Add 2 constraints”按钮

运行您的应用，您现在应该会看到图像在水平和垂直方向上都居中对齐。

动态改变元素大小这也很容易通过 Storyboard来完成。该视频向您展示了如何操作:https://www.youtube.com/watch?v=aSsR1NlQvMA唯一额外的事情是您需要按照上面的方法对每个元素执行此操作。