ios - WatchKit Force 菜单自定义图标模糊

Question

我正在为 WatchKit Force Menu 创建自定义图标。文档说要使用 80 x 80 大小的图像，绘图区域为 54px 正方形。一切正常，但与内置按钮图像相比，我的图像在按钮中显示时看起来非常模糊。

我在 Illustrator 中以 80 像素的正方形创建它们。像文档中所说的那样保存为 .png 图像。以 72 dpi 保存时大小正确。如果我做任何更高的事情，它会导致按钮中的图像太大。我找不到缩放图像的方法。

有没有人遇到过这个？看来我想在这里使用更高分辨率的图像或矢量图形。

Answer 1

您需要在文件名中使用 @2x 保存文件以支持视网膜显示。

因此，如果您的文件名为 myicon.png，请将其重命名为 myicon@2x.png。在代码中，您只需使用 myicon 作为名称，Xcode 会自动选择正确的大小。

对于 iPhone 6，@3x 是必需的...

我建议在 Xcode 中使用 Images.xcassets 来维护所有图像。所有需要的分辨率都有模板(@1x、@2x、@3x、...)。在这几个分辨率中创建图标，并将文件从 finder 拖到占位符。稍后在您的代码中，您只需使用 Xcassets 中图像集的名称。