如何删除选中时覆盖 UITabBarItem 的蓝色方块？答案

【问题标题】：How can I remove the blue square that overlays UITabBarItem when selected?如何删除选中时覆盖 UITabBarItem 的蓝色方块？
【发布时间】：2014-08-10 00:37:47
【问题描述】：

我有一个 iPad 应用程序（Xcode 5、iOS 7、ARC 和 Storyboards）。我有一个UITabBarController，每个场景都有一个UITabBarItem。

当我点击一个标签栏项目时，它会转到正确的场景，但“当前”标签栏项目图像被一个“蓝色框”覆盖。

如何用不同的图像替换那个“蓝框”？（我不想改变颜色；我想用不同的图像替换它）。

【问题讨论】：

你是如何创建标签栏项目的？您是否添加了图片和/或文字？
使用 XCode 5 故事板；拖放（这是最简单的方法）...在 Storyboard 中添加图像和文本。

标签： ios objective-c uitabbarcontroller uitabbaritem

【解决方案1】：

您用于标签栏项目的图像必须有它们的renderingMode、UIImageRenderingModeAlwaysOriginal，否则它们将显示为蓝色方块（模板）。名为“Tab Bars”的文档是这样说的，

标签栏项目图标

标签栏中的每个项目都可以有一个自定义的选定图像和未选定图像图片。您可以在初始化选项卡栏项目时指定这些图像使用 initWithTitle:image:selectedImage: 方法。请注意，一个选项卡栏项图像将自动呈现为模板图像在选项卡栏中，除非您明确将其呈现模式设置为 UIImageRenderingModeAlwaysOriginal。有关详细信息，请参阅模板图片。

我不认为你可以在故事板中设置它们，所以你应该在控制器的 init 方法中进行设置，

-(id)initWithCoder:(NSCoder *)aDecoder {
    if (self = [super initWithCoder:aDecoder]) {
        UIImage *img = [UIImage imageNamed:@"pic.jpg"];
        img  = [img imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        [self.tabBarItem setSelectedImage:img];
    }
    return self;
}

【讨论】：

@spokane-dude，如果未选择的图像适合您，您真的只需要执行 setSelectedImage: 我提供的代码的一部分（我更新了另一部分）。你试过吗？我仍然不确定您是如何从 IB 获得未选择的图像的——如果我在那里设置图像，我只会得到一个与我的图像大小相同的灰色方块。
可以只在storyboard里做，只要把它们放在透明背景上，就不会变成蓝色方块了。

【解决方案2】：

这是一个 Xcode 错误，将在 8.2 版本中修复。这是 Apple 官方关于这个问题的说明。查看 Interface Builder > Resolved Issues > UITabBarController https://developer.apple.com/library/prerelease/content/releasenotes/DeveloperTools/RN-Xcode/Introduction.html的链接

【讨论】：

【解决方案3】：

Swift 3+ 版本的rdelmar's code:

class CustomTabBarController: UITabBarController {
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)

        let img = UIImage(imageLiteralResourceName: "pic").withRenderingMode(.alwaysOriginal)
        tabBarItem.selectedImage = img
    }
}

【讨论】：