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

Supporting @3x, @2x Tab bar icons with PaintCode 2 StyleKit

我按照 StyleKit 上的 PaintCode 教程进行操作,并且已成功将图标导出到 Swift 项目(仅限代码 - MyStyleKit.swift 文件)。我试图了解代码中生成的 UI 图像与不同 iOS 设备预期的图像大小之间的关系。

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

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

当我在 Storyboards 中装配图标时,它会自动调整为需要 @3x、@2x 还是 @1x?

我应该将 canvas 大小设置为 UI 点大小吗?

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

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

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