ios - 自动布局和约束的 ImageView 问题

Question

这是我的 ViewController，带有Signup 和 Login

,

我正在对齐 Autolayouts，它在纵向模式下运行良好，如果我在横向模式下运行它，它会显示如下

如何解决这个问题？

Answer 1

使用 XCode 8.1 回答

要为不同的 Size Classes 设置不同的布局和约束，需要遵循给定的步骤。使用给定的步骤，可以根据 Size Classes 实现不同的布局。

让我们从基本需求开始，您必须了解您的布局。

1. 将您的 Size Class 更改为 iPhone Portrait(wCxhR - 宽度紧凑，高度常规)。因为首先我们会为它设置约束条件。
2. 添加所有控件并相应地设置约束，这适合您的纵向布局设计。
3. 一旦您完成了纵向 (wCxhR) 到 (wCxhC) 或根据您的要求的约束分配。引用Create user interface variations for different device configurations了解更多详情。
4. 更改横向布局的控件和约束。就是这样，运行您的应用程序并检查两个方向。 :)

请根据不同的大小类结果找到不同布局的屏幕截图。

我相信它能让您对如何使用大小类设置不同的布局有更多的了解。