如何在 XCode 11 中更改图像的位置以进行纵向或水平对齐

Posted 2023-04-18

【中文标题】如何在 XCode 11 中更改图像的位置以进行纵向或水平对齐

【英文标题】：How to change position of image for portrait or horizontal alignment in XCode 11

【发布时间】：2020-07-30 02:20:59

【问题描述】：

我试图在水平方向查看时从填充屏幕右侧的图像到纵向查看时的顶部四分之一。

我遵循了很多指南和pointson here，但它们都与旧版本的 XCode 相关，而这些旧版本似乎具有 XCode 11 所没有的东西 - such as selecting constant - 或者只是不工作。

我完全困惑这应该如何工作，因为当我添加“Vary for traits”时，它会将移动应用于所有设备。我确定我一定是在想这个，它一定更简单不是吗？

我正在使用 XCode 11.4 和 ios 13.x> 以上支持。

【问题讨论】：

你看过constraints吗？

【参考方案1】：

首先添加一个新的视图控制器 - 使用 iPhone 8 的纵向布局（wC hR）：

添加一个新的UIImageView 并将其放置在顶部大约 1/4 的高度（不管多近）：

添加顶部/前导/尾随约束：

在 0.25 处添加比例高度约束：

现在将视图更改为横向 (wC hC)：

它看起来像这样（如预期的那样）：

点击Vary for Traits，然后选择Height，因为我们从(wC hR)变成了(wC hC):

查看 Size Inspector 中的约束，然后选择 This Size Class：

删除前导和比例高度约束：

并添加一个底部约束和一个比例宽度（0.5）约束：

然后点击Done Varying。现在看起来像这样：

请注意，我们有 2 个“灰显”（非活动）约束...如果您切换回“纵向查看”，这两个约束将变为“活动”，而这两个 (wC hC) 约束将显示为“非活动”。

由于应用程序可以在部分屏幕中运行（iPad 多任务处理），因此建议不要再考虑纵向和横向。而是根据大小类别/特征来考虑。

如果您的设计允许，您还可以添加 (wR hR) 特征变体。

现在，如果您真的想要纵向与横向，则需要使用一些代码。为 Tall/Narrow 布局定义一组约束，为 Wide/Short 布局定义另一组约束。然后实现viewWillTransition(to size: ... 并根据“to size”width > height 或height > width 激活/停用适当的约束。