iOS: 为什么自定义标签栏项目只显示为灰色剪影？

Question

我正在尝试使用自定义 *.png 文件设置我的 UITabBarController 的标签栏图标（一个用于选中，一个用于未选中）。

图像全部为非隔行扫描 png 格式，并正确命名（@2x、@3x 等）驻留在 *.imageset 中。

但是标签栏项目只显示为这样的剪影：

我尝试在 Interface Builder 中设置这些图像，但没有成功。然后我还尝试在 MyTabBarController（扩展 UITabBarController）的 "loadView" 函数中以编程方式设置它们，如下所示：

UIImage *selectedImage;
UIImage *unselectedImage;

// tab1
selectedImage = [UIImage imageNamed:@"cmdGamesActive"];
unselectedImage = [UIImage imageNamed:@"cmdGamesInactive"];
UITabBarItem *item1 = [self.tabBar.items objectAtIndex:0];
item1 = [item1 initWithTitle:@"Games" image:unselectedImage selectedImage:selectedImage];

// tab2
selectedImage = [UIImage imageNamed:@"cmdFriendsActive"];
unselectedImage = [UIImage imageNamed:@"cmdFriendsInactive"];
UITabBarItem *item2 = [self.tabBar.items objectAtIndex:1];
item2 = [item2 initWithTitle:@"Friends" image:unselectedImage selectedImage:selectedImage];

// tab3
selectedImage = [UIImage imageNamed:@"cmdTrophiesActive"];
unselectedImage = [UIImage imageNamed:@"cmdTrophiesInactive"];
UITabBarItem *item3 = [self.tabBar.items objectAtIndex:2];
item3 = [item3 initWithTitle:@"Trophies" image:unselectedImage selectedImage:selectedImage];

// tab4
selectedImage = [UIImage imageNamed:@"cmdSettingsActive"];
unselectedImage = [UIImage imageNamed:@"cmdSettingsInactive"];
UITabBarItem *item4 = [self.tabBar.items objectAtIndex:3];
item4 = [item4 initWithTitle:@"Settings" image:unselectedImage selectedImage:selectedImage];

...结果相同

有什么办法解决这个问题吗？

Answer 1

根据this answer, I did something extra and kind of have answer for you here. I have my custom UITabBarController, which is linked with my UITabBarController in the StoryBoard file. So in order to remove the automatic tint provided by iOS when the TabBar is unselected, I ended up removing it in this manner. The images can be a vast variety of images but just in the way recommended here。开始了：

NSArray *navConArr = self.viewControllers;//self is custom UITabBarController
UINavigationController *naviOne = [navConArr objectAtIndex:0];//I have 3 different tabs, objectAtIndex:0 means the first tab navigation controller
UITabBarItem *naviBtn  = naviOne.tabBarItem;
UIImage *image = [[UIImage imageNamed:@"iconNaviOne"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
[naviBtn setSelectedImage:image];
[naviBtn setImage:image];

值得庆幸的是，这很有魅力 (:

Answer 2

这应该可以解决问题：

UITabBarItem *item0 = [_tabBar.items objectAtIndex:0];
item0.image  = [[UIImage imageNamed:@"edit_profile_tab"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
item0.selectedImage  = [[UIImage imageNamed:@"edit_profile_tab_active"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

Answer 3

我遇到了类似的问题。我为我的选项卡选择了几个图标，例如 'mic'、'smiley' 和 'settings'。

但是当我执行程序时唯一可见的东西是灰色和蓝色方块。

我将“.png”图像修改为透明，现在它们可以正常显示了。

即确保用于选项卡图标的图像没有背景。

iOS: 为什么自定义标签栏项目只显示为灰色剪影？

iOS: Why is custom tab bar item showing only as grey silhouette?

ios

xcode

xcode6

uitabbarcontroller

uitabbar