使用 initWithImage 将图像添加到 UIBarButtonItem:(UIImage *)image

Question

我想知道如何在创建 UIBarButtonItem 时使用 InitWithImage 将图像设置为 UIBarButtonItem，然后将其添加到 UIToolbar。

我正在执行以下操作，但它会在图像应位于 UIToolbar 上的位置创建一个空白，

UIImage *image = [UIImage imageNamed:@"6.png"];

UIBarButtonItem *systemItem1 = [[UIBarButtonItem alloc] initWithImage:image style:UIBarButtonItemStylePlain target:self action:@selector(pp:)];

谢谢！

Answer 1

对于 iOS 7+，您执行以下操作：

Objective-C

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

Swift 2.3

 let image = UIImage(named: "myImage")?.imageWithRenderingMode(.AlwaysOriginal)
 let button = UIBarButtonItem(image: image, style: .Plain, target: self, action: #selector(YOUR_METHOD(_:)))

Swift 3.0

let image = UIImage(named: "myImage")?.withRenderingMode(.alwaysOriginal)
let button = UIBarButtonItem(image: image, style: .plain, target: self, action: #selector(YOUR_METHOD(_:)))

Answer 2

下面是一个从 Facebook 徽标创建工具栏按钮的示例。
创建指向图像的指针（文件已添加到 xCode），创建自定义按钮，更改按钮的大小以匹配图像，设置按钮图像，从按钮视图创建工具栏按钮。

UIImage *faceImage = [UIImage imageNamed:@"facebook.png"];
UIButton *face = [UIButton buttonWithType:UIButtonTypeCustom];
face.bounds = CGRectMake( 0, 0, faceImage.size.width, faceImage.size.height );
[face setImage:faceImage forState:UIControlStateNormal];
UIBarButtonItem *faceBtn = [[UIBarButtonItem alloc] initWithCustomView:face];

Answer 3

我会尝试设置

UIBarButtonItem *systemItem1 = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"image.png"] style:UIBarButtonItemStylePlain target:self action:@selector(pp:)];

Answer 4

来自 UIBarButtonItem 文档：

栏上显示的图像源自该图像。如果该图像太大而无法放在条上，则会缩放以适合该图像。通常，工具栏和导航栏图像的大小为 20 x 20 点。源图像中的 Alpha 值用于创建图像 - 不透明值将被忽略。

换句话说，UIBarButton 项目将忽略图像的颜色并根据当前的栏样式重新着色。它显示图像的唯一方法是使用不同的 alpha 值绘制图像。由于图像的所有像素的 alpha 值为 1，因此它们都以最大亮度绘制，并且您会得到一个空白区域。

Answer 5

在 Swift 中：

第一个解决方案

let img = UIImage(named: "picture")!.imageWithRenderingMode(UIImageRenderingMode.AlwaysOriginal)
let leftBarButtonItem = UIBarButtonItem(image: img, style: UIBarButtonItemStyle.Plain, target: self, action: nil)
self.navigationItem.leftBarButtonItem = leftBarButtonItem

第二个解决方案

let img = UIImage(named: "picture")!
let imgWidth = img.size.width
let imgHeight = img.size.height
let button = UIButton(frame: CGRect(x: 0, y: 0, width: imgWidth, height: imgHeight))
button.setBackgroundImage(img, forState: .Normal)
button.addTarget(self, action: nil, forControlEvents: UIControlEvents.TouchUpInside)
self.navigationItem.rightBarButtonItem = UIBarButtonItem(customView: button)

Answer 6

创建栏按钮项目后，执行下一步：

systemItem1.image = [systemItem1.image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

Answer 7

我也遇到了这个问题，并通过使用带有 alpha 通道的 png 文件解决了它。
我试图做一个快速的模型，并在背景上添加一个带有 jpg 文件的后退按钮（按钮的默认颜色）。我有一个白色的矩形。但是当我在透明背景上创建一个箭头并将其保存为 png 文件时，它起作用了。

Answer 8

UIBarbuttonItem initWithImage 不会使用指定的 Image 创建栏按钮。
它使用给定的图像创建 UIBarbutton 的图案。如果指定的图像不透明，它将显示一个带有指定色调的条形按钮，该按钮具有图像的大小。
如果图像有不透明部分，则色调颜色将填充在不透明部分，如默认的 UIBarButtonSystemItemBookmarks。它具有不透明边框和透明内侧。

在你的情况下，titncolor是白色的，这就是它显示白色的原因。

Answer 9

我会写和你一样的代码。请注意，当您将图像添加到项目时，请确保将其添加到您正在构建的目标中。

Answer 10

您可以使用系统标准图标<创建UIBarButtonItem /a> 使用
- initWithBarButtonSystemItem:target:action:

例如：

[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemRewind target:self action:@selector(YOUR_METHOD:)];