使用 PaintCode 2 StyleKit 支持 @3x、@2x 选项卡栏图标

Posted 2023-03-22

【中文标题】使用 PaintCode 2 StyleKit 支持 @3x、@2x 选项卡栏图标

【英文标题】：Supporting @3x, @2x Tab bar icons with PaintCode 2 StyleKit

【发布时间】：2015-01-31 18:27:45

【问题描述】：

我按照 StyleKit 上的 PaintCode 教程进行操作，并成功地将图标导出到 Swift 项目中（仅代码 - MyStyleKit.swift 文件）。我试图了解代码中生成的 UIImage 与不同 ios 设备预期的图像大小之间的关系。

我将情节提要中的 MyStyleKit 对象连接到标签栏图标的图像。效果很好，但我不知道图像的分辨率是否根据设备进行调整。 Apple 的 HIG 建议标签栏图标大小（以像素为单位）应为 @3x 图像为 75 x 75 像素 (iphone6+) @2x 视网膜图像为 50 x 50 像素 25 x 25 像素（非视网膜）

首先我应该在 PaintCode 中选择什么画布尺寸？我猜想将画布大小设置为 25 x 25，理由是我应该映射到 UI 点大小。

当我在 Storyboards 中安装图标时，它会自动调整为是否需要 @3x、@2x 或 @1x？

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

任何帮助将不胜感激。

【参考方案1】：

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

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