UIBarButtonItem 图像未显示，而是显示图像大小的白色矩形，为什么？

Question

无论我尝试初始化 UIBarButtonItem 的任何图像，它都只是显示图像大小的白色背景。即使我厌倦了界面构建器，结果也是一样的。所有这些图像与其他对象一起使用时效果都很好。

我该如何解决这个问题？

Answer 1

仅使用图像中的 alpha 值来创建栏按钮图像。无论您提供什么图像，都会根据 Alpha 值转换为带有白色阴影的图像。

因此，考虑到您的图像是完全白色的，很明显您没有任何透明度。

指南有这样的说法：

• 使用 PNG 格式。
• 使用具有适当 Alpha 值的纯白色。
• 请勿包含投影。
• 使用抗锯齿功能。
• 如果您决定添加斜角，请确保它是 90°（以帮助您完成
  这个，想象一个光源
  位于图标顶部）。
• 对于工具栏和导航栏图标，创建一个可测量的图标
  大约 20 x 20 像素。
• 对于标签栏图标，请创建一个尺寸约为 30 x 30 像素的图标。

注意：您提供的图标
工具栏、导航栏和选项卡
条形用作掩模来创建
您在应用程序中看到的图标。它
没有必要创建一个
全彩图标。

但是，您可以使用自定义视图来获取全彩图像，如以下问题所示：

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

这有点过头了，最好遵循指南并使用普通按钮格式适当的图像。

Answer 2

在 ios 7 及以上版本中这会有所帮助

UIImage *image = [[UIImage imageNamed:@"myImage.png"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIBarButtonItem *button = [[UIBarButtonItem alloc] initWithImage:image style:UIBarButtonItemStylePlain target:self action:@selector(YOUR_METHOD:)];

Answer 3

在 Swift 3 中
我发现以下工作 - 这里显示为多个 barButtonItem 的数组

  let barButtonItem1    = UIBarButtonItem( image: UIImage(named: "myImage")?.withRenderingMode(.alwaysOriginal) , style: .plain ,target: self, action: #selector(yourAction))
  let barButtonItem2    = UIBarButtonItem(image: UIImage(named: "myImage")?.withRenderingMode(.alwaysOriginal)  , style: .plain, target: self, action: #selector(yourAction))

navigationItem.rightBarButtonItems = [barButtonItem1, barButtonItem2]

这在右侧显示了 x2 barButtons。
要显示左侧，只需更改为

navigationItem.leftBarButtonItem = [barButtonItem1, barButtonItem2]