草图到 XCode 图像大小？ （挡板）

Posted 2023-03-08

【中文标题】草图到 XCode 图像大小？ （挡板）

【英文标题】：Sketch to XCode Image Size? (baffler)

【发布时间】：2014-02-11 01:09:42

【问题描述】：

我正在使用 Bohemian Coding 的 Sketch。它预设了包括 640x960 和 640x1136 的 iPhone 画板，但是当我将图像导出到 XCode 时，图像的大小和位置不正确。我必须调整图像大小吗？有什么方法可以让我每次都以正确的大小创建图像？

尽管 Sketch 图像是为 640x960 设计的，但在另一个项目中，我将图像设置为 640x1136，它做了同样的事情。

---

截图

【问题讨论】：

定义“不正确”。他们怎么不正确？当您尝试将它们用作启动图像时，Xcode 会抱怨吗？

我没有应用程序打开时的启动图像。不正确，意思是当我为我的所有图像输入位置和尺寸时，无论是按钮、背景等，位置和尺寸都与 Sketch 中的设计不匹配。

啊。因此，显示一些直观地解释问题的屏幕截图可能会有所帮助。

这不是 Sketch 开发人员要讨论的问题吗？

他们在支持/联系方式方面不是很有帮助。

【参考方案1】：

假设围绕“AC”的矩形是您要导出的图像，XCode 图像看起来几乎是原始图像大小的两倍。在这种情况下，您是否使用“@2x.png”后缀命名文件？

编辑：

所以我使用了 640px by 1136px 预设来玩 Sketch。然后我分别用Double size (@2x) 和Half size (@1x) 检查了Also export as: 选项。从基本信息 Finder 报告中 - 我注意到的是：

Generated files suffix ==> "@2x.png"        ".png" (without suffix)
===================
Actual file pixels
"Double size"              1280 x 2272      640 x 1136
"Half size"                640  x 1136      320 x 568

也许图表有点混乱，但据我所知，Double size 和 Half size 选项似乎没有任何意义，因为无论如何艺术板总是以视网膜分辨率生成。要为正确的分辨率获得正确的命名约定，您需要使用 Half size 选项，并为视网膜设备导入 @2x 文件，为非视网膜设备导入常规 png。

TL:DR - 使用“也导出为：半尺寸”

【讨论】：

我为 iPhone 4 设计了它，尺寸为：640x960，Sketch 能够生成常规和@2x 图像。但就像你观察到的那样，它们的大小似乎是原来的两倍。为什么 Sketch 不能正确导出？我是否基于不正确的分辨率进行设计？我应该设计什么分辨率？

【参考方案2】：

这是一个奇怪的解决方法：

为 640x1136 像素设计 导出为 1/2 大小 (@1x) 将原始草图位置/大小值除以 2 以获得 XCode 的值