iOS 7 : UITabBarItem image crops at bottom

Question

我有一个带有 4 个选项卡的 UITabBar。 3/4 选项卡有标题和图像。我只想在第一个选项卡中显示一张图片。它在模拟器上运行良好，但在 iPhone 上它看起来像屏幕截图。它在底部裁剪。图标尺寸:第 2、3 和第 4 个图标(视网膜尺寸)为 46x42，第一个图标为 92x80(视网膜尺寸)。

截图

代码

_tabBarController = [[UITabBarController alloc]init];
_tabBarController.delegate=self;

_firstNavigationController = [[TypeCollectionViewController alloc] initWithNibName:@"TypeCollectionViewController" bundle:nil];
_firstNavigationController.title = @"first";
firstNavigationController.tabBarItem.imageInsets = UIEdgeInsetsMake(5, 0, -5, 0);
NSArray *controllers = [NSArray arrayWithObjects: firstNavigationController, secondNavigationController, thirdNavigationController, fNavigationController, nil];
_tabBarController.viewControllers = controllers;

[[[_tabBarController.tabBar items] objectAtIndex:0] setImage:[UIImage imageNamed:@"first-icon.png"]];
[[[_tabBarController.tabBar items] objectAtIndex:1] setImage:[UIImage imageNamed:@"second-icon.png"]];
[[[_tabBarController.tabBar items] objectAtIndex:2] setImage:[UIImage imageNamed:@"third-icon.png"]];
[[[_tabBarController.tabBar items] objectAtIndex:3] setImage:[UIImage imageNamed:@"f-icon.png"]];

[_tabBarController setSelectedIndex:0];

[self.window setRootViewController:_tabBarController];
[[[_tabBarController.tabBar items] objectAtIndex:0] setTitle:nil];
[self.window makeKeyAndVisible];

如何解决这个问题？提前致谢。

Answer 1

注意:UITabbarItem 的 图像大小 应为32 像素高度。关注Bars Guidleline .

此外，image 应该与 non-retina 以及 retina image 一起提供给 tabbar item。

我的意思是，如果您认为 只有视网膜图像 可以用于标签栏，那么在 非视网膜设备 UI 中可能是意外的 .