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

Question

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

Answer 1

您可以按＆＃34;选项键＆＃34;以及StoryBoard上的UI元素，它将显示此元素与任何其他

之间的距离

我希望这会有所帮助

Answer 2

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

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

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

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

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

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

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