iOS 标签栏图标模糊

Question

我的标签栏图标看起来很模糊。

我使用 Photoshop 创建图标，并在决定每个图标的大小时遵循 iOS 人机界面指南。

例如图标大小：30x30px png

这只发生在标签栏上。我想知道这是因为图像的分辨率还是因为编程问题而发生的...

Answer 1

可能是因为使用了带有视网膜屏幕的设备。

尝试将图标的文件名更改为 xxx@2x.xxx，如 "facebook_icon@2x.png"。

Answer 2

您使用的图标大小 30x30，我认为这是 1x (iPhone<4)。由于 iPhone>=4 需要 2x 和 3x 图像，因此您也必须包括它们。

或者您使用的图片的命名约定如

star.png     // 1x = 30x30
star@2x.png  // 2x = 60x60
star@3x.png  // 3x = 90x90

或者您可以使用 image.xcassets 并将您的 1x、2x 和 3x 图像放在那里并使用它。

Answer 3

此外，请注意您可以使用 PDF 文件（矢量图形，独立于分辨率）而不是 PNG，Xcode 将在构建时呈现适当的分辨率你的时间（我不认为你可以轻易地为第三方图标做这个，比如 Facebook，但是......）。

要了解这是如何完成的，请使用 "Tabbed Application" 模板创建一个新项目，并检查标签栏图标图像的资产目录。它只对 "First" 和 "Second" 初始选项卡的圆形和方形图标执行此操作。

Answer 4

使用这行代码为 uitabbar 中的 uitabbaritem 设置图像。

tabbaritem.image = [[UIImage imageNamed:@“image”] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

iOS tab bar icons are blurry