如何制作Xcode故事板的屏幕截图?

时间:2014-08-08 16:33:54

标签: xcode uistoryboard

我需要将整个故事板的屏幕截图作为图像。那可能吗?我需要它给我的设计师。

理想情况下,我想获得一张大图片,进行一些更改(数字视图等)并将其保存为JPG

1 个答案:

答案 0 :(得分:5)

Xcode没有任何打印或导出故事板图像的功能。 (虽然这可能会很好feature request to send to Apple。)

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

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

  • 使用编辑器>缩小故事板画布>缩放菜单命令。在Xcode 8中,缩小的故事板使用与常规尺寸视图相同的渲染/编辑引擎 - 这意味着在Retina显示屏上,您的缩小视图仍然清晰可见。

  • 调整大于屏幕的窗口大小,然后拍摄一个窗口截图(Cmd-Shift-4,然后是空格键,然后单击窗口)。您可以使用AppleScript执行此操作:

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

    但是仍然会将身高限制在屏幕上(减去菜单栏和Dock)。您可以将窗口拖动到屏幕底部并向上调整边缘大小以获得一些额外的高度。

还有一件事:自故事板开始以来(回想起Xcode ... 5,我想?),你从来不需要在项目中使用“一个故事板来统治它们”。实际上,有很多理由可以将您的应用分成多个故事板。当然,如果你有多个故事板,你可以单独截图并集成它们,无论你喜欢什么样的设计演示。

使用多个故事板意味着您无法在单独的故事板中的视图控制器之间进行区分(您必须以编程方式实例化和呈现视图控制器),但是从Xcode 7开始,您可以在一个故事板中插入“故事板参考”链接到不同故事板中的视图控制器。如果你有一个想要分手的大故事板,那就有一个工具。 (选择一些视图控制器,选择编辑器>重构到故事板...)