如果不在Retina显示屏上,选定的标签栏图标看起来模糊

时间:2011-12-29 21:11:30

标签: ios user-interface png

我正在开发一款带有标签栏的iPhone应用。我使用矢量图形编辑器制作了标签栏图标,并将它们导出到PNG。除非被选中,否则图标看起来很好。

screenshot of fine-looking button screenshot of fuzzy-looking button

在视网膜显示屏上不会发生这种情况。

我使用self.tabBarItem.image = [UIImage imageNamed:@"Symbol"];来设置图片。 这是实际的PNG:http://i.imgur.com/dBTDe.png(虽然它适用于所有图像)。

我该怎么办?为什么会这样?

2 个答案:

答案 0 :(得分:2)

当图像没有边距时,似乎会发生这种情况。如果你添加2px的边距,它看起来会很好:

screenshot

答案 1 :(得分:0)

您应该有2份图像副本。一个用于普通或旧设备,一个用于视网膜显示。

您的图片应相应命名。

image1.png // older devices
image1@2x.png // for retina display. @2x is case sensitive as well

选择图像时,请务必选择普通图像。如果能够显示它,操作系统将选择@ 2x图像。