如何测量 Xcode 中 UI 元素之间的距离？答案

【问题标题】：How do I measure the distance between UI elements in Xcode?如何测量 Xcode 中 UI 元素之间的距离？
【发布时间】：2016-11-02 20:40:48
【问题描述】：

我正在尝试确定我的应用程序中 UI 元素之间的距离，以检查布局是否与设计师指定的布局相匹配。我正在使用“调试 UI 层次结构”选项，并且确实在 Xcode 中看到了手机 UI 的表示。但是，我可以看到确定两个元素的相对位置的唯一方法是查看右侧边栏中的尺寸检查器，并对它们提供的测量值进行手动计算。有一个更好的方法吗？我可以选择一个元素，然后选择另一个进行比较吗？

【问题讨论】：

我通常会截取屏幕截图，然后将其与设计师生成的内容进行比较。如果将两张图片并排放置，通常可以看到所有差异。
嗨@trekkieyk，如果我的答案适合您的问题，请将其标记为答案:)。问候！
@neteot 恐怕这些天我不在 iOS 上工作，所以我不能轻易尝试你的解决方案。

标签： ios xcode xcode7

【解决方案1】：

距离您提出问题已经有一段时间了，但我遇到了同样的问题，我可以弄清楚如何在运行时测量视图之间的 NSConstraints。

首先，您必须单击调试区域上的调试视图层次结构图标，如下图所示：

按下按钮后，视图层次结构的快照将显示在 Xcode 屏幕上，如下所示：

您可以在设备的屏幕上看到实际正在显示（或不显示，它们可以在背景中）的所有元素（UIViews）

在此之后，您可以按下 显示约束 图标以显示应用于屏幕上每个视图的约束，您将拥有一个与界面构建器约束布局非常相似的屏幕：

如果你选择一个特定的约束（你真正关心的那个），即在这个屏幕上，我想知道顶部和大方块所代表的 ImageView 之间的距离。因此，选择该特定约束并单击 Utilities 面板 内的检查器 Object 检查器 图标，您实际上可以看到约束描述。

通过这种方式，您可以查看约束度量以及与视图和框架边界的关系。

【讨论】：

【解决方案2】：

您可以按“选项键”，StoryBoard 上的 UI 元素将显示该元素与任何其他元素之间的距离

希望对你有帮助

【讨论】：

这是有用的信息，但我真正想要的是在应用程序运行时能够做到这一点。这样，我可以查看故事板约束和定位如何与以编程方式创建的约束和定位交互。这就是我提到调试 UI 层次结构的原因。
一直在寻找这个功能。选项键非常有用。投票 +1。