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 中图像集的名称。