Sprite Atlas - 将 @3x、@2x 和 @1x 图像导入 XCAssets

Question

我有一个脚本，我编写了一个包含图像文件夹的脚本，并自动将它们调整为 @3x、@2x 和 @1x 等价物。

我将文件夹命名为@3x、@2x、@1x，在每个文件夹中，每个图像的后缀分别为@3x.png、@2x.png、@1x.png。 （例如 bouncing-ball-frame-1@3x.png 位于 @3x 文件夹中）

我以前导入图片的方式是这样的：

1. 使用 Xcode 中的“+”按钮在 XCAssets 中手动创建一个新的 sprite atlas 文件夹
2. 手动将@3x 图像拖放到此文件夹中。然后 Xcode 将使用这些图像作为它们的 @3x 版本。
3. 手动（1 x 1）将每个@2x 图像和每个@1x 图像移动到@3x 图像旁边各自的“插槽”中。

但是现在我有大量的图像要使用，这对我来说只是很多工作。

我希望我可以将整个文件夹拖放到 XCAssets 中（包含所有 3x、2x、1x 图像），Xcode 会自动将每个图像放在它所属的一个巨大的精灵图集中。

这种事情可能吗？我可以发誓我在某处读到过，如果您将文件夹/图像命名为某种命名约定，并将父级后缀为 .atlas，那么它会为您完成这一切，而无需手动执行。

有人可以为此提供建议/解决方案吗？

谢谢！

Answer 1

我想出了如何做到这一点，并想分享：

您在 Xcode 中创建一个新图集，并删除它为您提供的默认图像。

..现在，在您的计算机上创建一个文件夹，并将所有图像放入其中。每一个图像。 1x、2x 和 3x。

命名约定应该是这样的（假设我的图像是 25 帧，如 bouncing-ball-1.png、bouncing-ball-2.png 等）

• bouncing-ball-1.png 将是 1x 版本（注意没有 1x？）
• 弹跳球-1@2x.png
• 弹跳球-1@3x.png

如果您有 25 帧动画，那么一个文件夹中就有 75 张图像。

然后将所有 25 个文件拖到我上面提到的目标 xcassets/ 文件夹中，就完成了。

Xcode 将查看 bouncing-ball-1、bouncing-ball-1@2x、bouncing-ball-1#3x、...等，并为所有 3 种尺寸创建 1 个图像（在我的情况下为 25）