xcode - 如何制作 Xcode Storyboard的屏幕截图？

Question

我需要截取整个 Storyboard的屏幕截图作为图像。那可能吗？我需要它给我的设计师。

理想情况下，我想获得 1 张大图片，进行一些更改(查看次数等)并将其另存为 JPG

Answer 1

Xcode 没有任何打印或导出 Storyboard图像的功能。 (虽然这可能是一个很好的 feature request to send to Apple 。)

最好的办法是尽可能大地调整项目窗口的大小(并隐藏导航器和实用程序侧边栏)并截取屏幕截图。您也许可以使用一两个技巧来让一切都适合:

• 如果您使用的是配备 Retina 显示屏的 Mac，请将屏幕分辨率更改为“更多空间”选项之一，这样您的 Xcode 窗口就可以更大。 (例如，在 5K iMac 上，您可以选择“看起来像 3200 x 1800”的尺寸，它会呈现 6400 x 3600 的屏幕并缩小它以适应实际的显示硬件。)

• 使用“编辑器”>“ Canvas ”>“缩放”菜单命令缩小 Storyboard。在 Xcode 8 中，缩小的 Storyboard使用与常规尺寸 View 相同的渲染/编辑引擎——这意味着在 Retina 显示屏上，缩小的 View 仍然清晰可见。

• 将窗口调整为比屏幕大，然后截取窗口屏幕截图(Cmd-Shift-4，然后按空格键，然后单击窗口)。您可以使用 AppleScript 执行此操作:

  tell application "Xcode" to set bounds of front window to {0, 0, 4000, 3000}
  

  但这仍然会将其高度限制为屏幕的高度(减去菜单栏和 Dock)。不过，您可以将窗口拖动到屏幕底部并向上调整其大小以获得额外的高度。

还有一件事:自 Storyboard问世以来(我认为早在 Xcode 5...5 时代？)，您就再也不需要在您的项目中使用“一个 Storyboard来统领一切”。事实上，将您的应用程序分成多个 Storyboard 可能有很多原因。当然，如果您有多个 Storyboard，您可以分别截取它们并按照您喜欢的方式将它们集成到设计演示中。

过去，使用多个 Storyboard意味着您无法在单独的 Storyboard中的 View Controller 之间切换(您必须以编程方式实例化和呈现 View Controller )，但自 Xcode 7 以来，您可以在一个 Storyboard中插入“ Storyboard引用”以链接到不同 Storyboard中的 View Controller 。如果你有一个大的 Storyboard，你想分解，有一个工具可以解决这个问题。 (选择一些 View Controller ，选择 Editor > Refactor to Storyboard...)