将自定义图像设置为UIBarButtonItem但不显示任何图像 [英] Set custom images to the UIBarButtonItem but it doesn't show any image

问题描述

我想将自定义图像设置为UIBarButtonItem，但它只显示一个矩形框，并且它不显示实际图像。

I want to set custom images to the UIBarButtonItem but it only shows a rectangular box around and It doesn't show the actual image.

func setupBrowserToolbar() {
    let browser = UIToolbar(frame: CGRect(x: 0, y: 20, width: self.view.frame.width, height: 30))
    //配置返回组件
    let path = NSBundle.mainBundle().pathForResource("back", ofType: "png")
    let urlstr = NSURL(fileURLWithPath: path!)
    let data = NSData(contentsOfURL: urlstr)
    let btnback = UIBarButtonItem(image: UIImage(data: data!), style: UIBarButtonItemStyle.Plain, target: self, action: Selector("backClicked:"))
    //分割按钮1
    let btngrap1 = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
    //前进按钮
    let btnforward = UIBarButtonItem(image: UIImage(named: "forward.png"), style: UIBarButtonItemStyle.Plain, target: self, action: Selector("forwardClicked:"))
    //分割按钮2
    let btngrap2 = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
    //重新加载
    let btnreload = UIBarButtonItem(image: UIImage(named: "reload.png"), style: UIBarButtonItemStyle.Plain, target: self, action: Selector("reloadClicked:"))
    //分割按钮3
    let btngrap3 = UIBarButtonItem(barButtonSystemItem: UIBarButtonSystemItem.FlexibleSpace, target: nil, action: nil)
    //停止加载
    let btnstop = UIBarButtonItem(image: UIImage(named:"stop.png"), style: UIBarButtonItemStyle.Plain, target: self, action: Selector("stopClicked:"))
    progress = UIProgressView((frame: CGRect(x: 0, y: 48, width: self.view.frame.width-50, height: 2)))
    progress.progress = 0
    browser.setItems([btnback, btngrap1, btnforward, btngrap2, btnreload, btngrap3, btnstop], animated: true)
    ptimer = NSTimer(timeInterval: 0.2, target: self, selector: Selector("loadProgress"), userInfo: nil, repeats: true)
    self.view.addSubview(browser)
}

我的应用屏幕截图

上面的方法是工具栏配置，但我不知道出了什么问题。

The above method is toolbar configuration but I don't know what is wrong.

推荐答案

多数民众赞成因为UIBarButtonItem图像的默认渲染模式总是将图像绘制为模板图像，忽略其颜色信息（UIImageRenderingModeAlwaysTemplate）。只需使用UIImage的方法imageWithRenderingMode创建你的图像原始。

Thats because UIBarButtonItem image's default rendering mode always draw the image as a template image, ignoring its color information (UIImageRenderingModeAlwaysTemplate). Just create your image using UIImage's method imageWithRenderingMode always original.

UIImage(named: "yourImageName")!.imageWithRenderingMode(.AlwaysOriginal)

这篇关于将自定义图像设置为UIBarButtonItem但不显示任何图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！