ios - 如何测量 Xcode 中 UI 元素之间的距离？

Question

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

Answer 1

自从你提出问题以来我已经有一段时间了，但我遇到了同样的问题，我可以弄清楚如何在运行时测量 View 之间的 NSConstraints。

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

按下按钮后，Xcode 屏幕上将显示 View 层次结构的快照，如下所示:

您可以在设备的屏幕上看到所有实际正在显示(或不显示，它们可以在后台)的元素(UIViews)

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

如果你选择一个特定的约束(你真正关心的那个)，即在这个屏幕上我想知道顶部和由大方 block 表示的 ImageView 之间的距离。因此，选择该特定约束并单击 Utilities 面板 中的检查器 Object inspector 图标，您实际上可以看到约束说明。

这样您就可以看到约束措施以及与 View 和框架边界的关系。