UITabBarItem图像大小

时间:2013-09-06 14:27:06

标签: ios uitabbar uitabbaritem

我正在为我的UITabBar制作图像。我制作的尺寸为60x60,因为这就是视网膜屏幕的用途。但是,当我使用该尺寸时,它在条形图中显示得太大,因此您只能看到部分图像。当我将其降低到30x30时,它可以工作,但是这个尺寸应该用于非视网膜显示器。当我使用60x60时,为什么它没有正确显示?

2 个答案:

答案 0 :(得分:11)

您可能需要将视网膜图像重命名为imagename@2x.png

答案 1 :(得分:6)

当你正在寻找标准分辨率图像时,你得到了这种行为,因为你提供的是高分辨率图像。

iOS会自动为您选择合适的图像尺寸,具体取决于访问设备的分辨率。因此,您将负责提供标准分辨率"图像,用于非视网膜设备,以及高分辨率"图像,用于视网膜显示。你在iOS中这样做的方法是追加" @ 2x"到文件名的末尾,但在文件扩展名之前,如下所示:

my-image.png     // for non-retina displays (Ex: 30x30 dpi)
my-image@2x.png  // for retina displays (Ex: 60x60 dpi)
my-image@3x.png  // for retina displays(plus editions) (Ex: 90x90 dpi)

然后,当您在XCode项目中引用文件时,您只需要提供标准分辨率的文件名(例如," my-image.png")以及访问设备是否有视网膜显示,然后 XCode将自动选择" @ 2x"为您提供后缀。这非常方便,因为它使我们的开发人员无需检测设备是否有视网膜显示器,以及我们需要提供哪种图像。

这是一个代码示例:

// Select an image named "my-image.png"
UIImage *img = [UIImage imageNamed:@"my-image.png"];

// If the device this code is run on is a retina device,
// then Xcode will automatically search for "my-image@2x.png" and "my-image@3x.png"
// otherwise, it will use "my-image.png"

您可以通过Apple Developer的网站阅读有关该主题的更多信息:Optimizing for High Resolution