将自定义图像设置为 UIBarButtonItem 但它不显示任何图像
Set custom images to the UIBarButtonItem but it doesn't show any image
我想为 UIBarButtonItem 设置自定义图像,但它只显示一个矩形框,并没有显示实际图像。
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)
}
上面的方法是toolbar配置,不知道哪里不对
这是因为 UIBarButtonItem 图像的默认渲染模式始终将图像绘制为模板图像,忽略其颜色信息 (UIImageRenderingModeAlwaysTemplate)。只需使用 UIImage 的方法 imageWithRenderingMode 创建您的图像始终是原始的。
UIImage(named: "yourImageName")!.withRenderingMode(.alwaysOriginal)
Swift 3 , 4 更新
由swift3、方法改为如下格式
UIImage(named:"yourImageName")!.withRenderingMode(.alwaysOriginal)
我想为 UIBarButtonItem 设置自定义图像,但它只显示一个矩形框,并没有显示实际图像。
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)
}
上面的方法是toolbar配置,不知道哪里不对
这是因为 UIBarButtonItem 图像的默认渲染模式始终将图像绘制为模板图像,忽略其颜色信息 (UIImageRenderingModeAlwaysTemplate)。只需使用 UIImage 的方法 imageWithRenderingMode 创建您的图像始终是原始的。
UIImage(named: "yourImageName")!.withRenderingMode(.alwaysOriginal)
Swift 3 , 4 更新
由swift3、方法改为如下格式
UIImage(named:"yourImageName")!.withRenderingMode(.alwaysOriginal)