ios - 使用 PaintCode 2 StyleKit 支持 @3x、@2x 标签栏图标

Question

我遵循了 StyleKit 上的 PaintCode 教程，并成功地将图标导出到 Swift 项目中(仅代码 - MyStyleKit.swift 文件)。我试图了解代码中生成的 UIImage 与不同 iOS 设备预期的图像大小之间的关系。

我将 Storyboard中的 MyStyleKit 对象连接到选项卡栏图标的图像。效果很好，但我无法判断图像的分辨率是否正在根据设备进行调整。 Apple 的 HIG 建议以像素为单位的标签栏图标大小应该是@3x 图片为 75 x 75 px (iphone6+)@2x 视网膜图像为 50 x 50 像素非视网膜 25 x 25 像素

首先我应该在 PaintCode 中选择什么 Canvas 大小？我猜想将 Canvas 大小设置为 25 x 25，因为我应该映射到 UI 点大小。

当我在 Storyboards 中设置图标时，它会自动调整为需要 @3x、@2x 还是 @1x？

我应该将 Canvas 大小设置为 UI 点大小吗？

如有任何帮助，我们将不胜感激。

Answer 1

是的，将 Canvas 大小设置为25×25 点。然后，您可以以 @1x、@2x 或 @3x(或无限)比例预览 Canvas 。

当您向 StyleKit 请求此 Canvas 的图像时，返回的 UIImage 大小为 25×25 点，但当前屏幕的比例。这意味着 25×25、50×50 或 75×75 像素。