我可以有一个带有彩色图像的 UIBarButtonItem 吗？

Question

我有一个图像，我想在 UIBarButtonItem 上显示，但由于某种原因它只显示它的轮廓，其余部分都是白色的。我怎样才能让它真正显示图像？

谢谢！

Answer 1

还有其他 iOS7+ 解决方案：

NSString *iconFilename = // ...
UIImage *image = 
    [[UIImage imageNamed:iconFilename] 
        imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIBarButtonItem *barButtonItem = 
    [[UIBarButtonItem alloc] initWithImage:image
                                     style:UIBarButtonItemStylePlain 
                                    target:self 
                                    action:@selector(onBarButtonItemTapped:)];

Swift 5：

let iconFilename: String = // ...
let image = UIImage(named: iconFilename)?.withRenderingMode(.alwaysOriginal)
let barButtonItem = UIBarButtonItem(image: image, 
                                    style: .plain, 
                                    target: self, 
                                    action: #selector(onBarButtonItemTapped(_:)))

从 UIImage.h 中提取：

...导航栏、选项卡栏、工具栏和分段控件自动将其前景图像视为模板...您可以使用 UIImageRenderingModeAlwaysTemplate 强制您的图像始终呈现为模板，或使用 UIImageRenderingModeAlwaysOriginal 强制您的图像始终呈现为模板被渲染为原件。

Answer 2

更新：请参阅 MANIAK_dobrii 的答案，获取更简单的解决方案，可在 iOS 7+ 中使用。

---

以下是我如何将图像用于 UIBarButtonItem：

UIImage *image = [UIImage imageNamed:@"buttonImage.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
button.bounds = CGRectMake( 0, 0, image.size.width, image.size.height );    
[button setImage:image forState:UIControlStateNormal];
[button addTarget:myTarget action:@selector(myAction) forControlEvents:UIControlEventTouchUpInside];    
UIBarButtonItem *barButtonItem = [[UIBarButtonItem alloc] initWithCustomView:button];
…

Answer 3

还有另一种根本不涉及编码的方法。

首先，将要放置在 Assets.xcassets 文档上的栏上的图像。

在资源浏览器中选择图像。

在右侧垂直工具栏上打开该图像的属性检查器。

在“渲染为”上选择“原始图像”。

尽管在故事板上按钮将继续使用色调颜色，但在模拟器上运行时将显示原始图像。

图像的默认渲染模式因 UI 控件而异。不过，如果您在属性检查器上设置此参数，则可以强制图像始终以特定的渲染模式表示。

如果您需要在不同的控制器上使用不同的渲染模式表示相同的图像，那么来自 MANIAK_dobrii 的响应更合适。

Answer 4

在 Swift 3 中：

let iconname = // ...
let image = UIImage(named: iconname)?.withRenderingMode(.alwaysOriginal)
let barButtonItem = UIBarButtonItem(image: image, style: .plain, target: self, action: #selector(self. onBarButtonItemTapped))
self.navigationItem.leftBarButtonItem = barButtonItem

Answer 5

没有。正如您可以在 人机界面指南

决定图标的外观后，请在创建图标时遵循以下准则：

使用 PNG 格式。
使用具有适当 alpha 的纯白色。
不要包含投影。
使用抗锯齿。
如果您决定添加斜角，请确保其为 90°（为了帮助您做到这一点，请想象一个位于图标顶部的光源）。
对于工具栏和导航栏图标，创建一个大小约为 20 x 20 像素的图标。
对于选项卡栏图标，创建一个尺寸约为 30 x 30 像素的图标。

注意：您为工具栏、导航栏和选项卡栏提供的图标用作遮罩来创建您在应用程序中看到的图标。
没有必要创建全彩图标。