Как установить изображение для кнопки со стрелкой?

Question

Я пытаюсь установить изображение для кнопки бара Пункта для этого у меня есть изображение, как:

с разрешением 30 * 30, но пока я задаю это изображение кнопки заблокируйте его выглядит следующим образом:

Я назначили изображение таким образом:

и если я пытаюсь так как сделав IBOutlet для кнопки и установить изображение программно сформировать this вопрос и код, который:

// Outlet for bar button 
@IBOutlet weak var fbButton: UIBarButtonItem! 

// Set Image for bar button 
var backImg: UIImage = UIImage(named: "fb.png")! 
fbButton.setBackgroundImage(backImg, forState: .Normal, barMetrics: .Default) 

, но ничего не случилось с этим,

Может кто-нибудь сказать мне, что я делаю неправильно?

или который является способом измельчения для этого?

Answer 1

я добился того, что программно с этим кодом:

import UIKit 

class ViewController: UIViewController { 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     //create a new button 
     let button: UIButton = UIButton.buttonWithType(UIButtonType.Custom) as! UIButton 
     //set image for button 
     button.setImage(UIImage(named: "fb.png"), forState: UIControlState.Normal) 
     //add function for button 
     button.addTarget(self, action: "fbButtonPressed", forControlEvents: UIControlEvents.TouchUpInside) 
     //set frame 
     button.frame = CGRectMake(0, 0, 53, 31) 

     let barButton = UIBarButtonItem(customView: button) 
     //assign button to navigationbar 
     self.navigationItem.rightBarButtonItem = barButton 
    } 

    //This method will call when you press button. 
    func fbButtonPressed() { 

     println("Share to fb") 
    } 
} 

И результат будет:

Таким же образом вы кнопку для левой стороны можно установить слишком это путь:

self.navigationItem.leftBarButtonItem = barButton 

И результат будет:

И если вы хотите такое же операцию, как навигационный контроллер есть, когда вы возвращаетесь с кнопкой по умолчанию обратно, то вы можете добиться того, что с пользовательской задней кнопкой с этим кодом:

func backButtonPressed(sender:UIButton) { 
    navigationController?.popViewControllerAnimated(true) 
} 

Для быстрого 3.0:

import UIKit 

class ViewController: UIViewController { 

    override func viewDidLoad() { 
     super.viewDidLoad() 
     //create a new button 
     let button = UIButton.init(type: .custom) 
     //set image for button 
     button.setImage(UIImage(named: "fb.png"), for: UIControlState.normal) 
     //add function for button 
     button.addTarget(self, action: #selector(ViewController.fbButtonPressed), for: UIControlEvents.touchUpInside) 
     //set frame 
     button.frame = CGRect(x: 0, y: 0, width: 53, height: 51) 

     let barButton = UIBarButtonItem(customView: button) 
     //assign button to navigationbar 
     self.navigationItem.rightBarButtonItem = barButton 
    } 

    //This method will call when you press button. 
    func fbButtonPressed() { 

     print("Share to fb") 
    } 
} 

Answer 2

Ваша проблема в том, что на пути значок был сделан - он не соответствует пользовательской панели вкладок значок спецификации Apple:

To design a custom bar icon, follow these guidelines: 

Use pure white with appropriate alpha transparency. 
Don’t include a drop shadow. 
Use antialiasing. 

Из принципов:

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/BarIcons.html#//apple_ref/doc/uid/TP40006556-CH21-SW1

То, что было бы возможно, выглядит так. Вы можете найти такие значки на большинстве бесплатных сайтов значков на вкладке.

Answer 3

Аналогично принятому решению, но вы можете заменить

let button: UIButton = UIButton.buttonWithType(UIButtonType.Custom) as! UIButton 

с

let button = UIButton() 

Вот полное решение, наслаждайтесь: (это просто немного чище, чем принятое решение)

let button = UIButton() 
button.frame = CGRectMake(0, 0, 51, 31) //won't work if you don't set frame 
button.setImage(UIImage(named: "fb"), forState: .Normal) 
button.addTarget(self, action: Selector("fbButtonPressed"), forControlEvents: .TouchUpInside) 

let barButton = UIBarButtonItem() 
barButton.customView = button 
self.navigationItem.rightBarButtonItem = barButton 

Answer 4

Я использую последнюю скорость (2.1), и ответ (Dharmesh Kheni and jungledev) не работает для меня. Цвет изображения был выключен (при установке в IB он был синим, а при настройке непосредственно в UIButton он был черным). Оказывается, я мог бы создать один и тот же пункт бар со следующим кодом:

let barButton = UIBarButtonItem(image: UIImage(named: "menu"), landscapeImagePhone: nil, style: .Done, target: self, action: #selector(revealBackClicked)) 
self.navigationItem.leftBarButtonItem = barButton 

Answer 5

Вот простой extension на UIBarButtonItem:

extension UIBarButtonItem { 
    class func itemWith(colorfulImage: UIImage?, target: AnyObject, action: Selector) -> UIBarButtonItem { 
     let button = UIButton(type: .custom) 
     button.setImage(colorfulImage, for: .normal) 
     button.frame = CGRect(x: 0.0, y: 0.0, width: 44.0, height: 44.0) 
     button.addTarget(target, action: action, for: .touchUpInside) 

     let barButtonItem = UIBarButtonItem(customView: button) 
     return barButtonItem 
    } 
} 

Answer 6

Простое решение может быть следующим

barButtonItem.image = UIImage(named: "image") 

затем перейдите на вкладку Assets.xcassets, выберите изображение и перейдите к инспектору атрибутов и выберите «Исходное изображение» в списке «Повторить».

Answer 7

только две строки кода, требуемого для этого

Swift 3.0

let closeButtonImage = UIImage(named: "ic_close_white") 
     navigationItem.rightBarButtonItem = UIBarButtonItem(image: closeButtonImage, style: .plain, target: self, action: #selector(ResetPasswordViewController.barButtonDidTap(_:))) 

func barButtonDidTap(_ sender: UIBarButtonItem) 
{ 

} 

Answer 8

Если UIBarButtonItem уже выделен, как в раскадровке. (printBtn)

let btn = UIButton(frame: CGRect(x: 0, y: 0, width: 30, height: 30)) 
    btn.setImage(UIImage(named: Constants.ImageName.print)?.withRenderingMode(.alwaysTemplate), for: .normal) 
    btn.addGestureRecognizer(UITapGestureRecognizer(target: self, action: #selector(handlePrintPress(tapGesture:)))) 
    printBtn.customView = btn 

Answer 9

Не забудьте имя изображения CaseSensitive для XCode.

Answer 10

Вы можете использовать этот код для кнопки многократного бара с пользовательским изображением:

self.navigationItem.leftBarButtonItem = nil 

let button = UIButton(type: .custom) 
button.setImage(UIImage (named: "ChatTab"), for: .normal) 
button.frame = CGRect(x: 0.0, y: 0.0, width: 35.0, height: 35.0) 
//button.addTarget(target, action: nil, for: .touchUpInside) 
let barButtonItem = UIBarButtonItem(customView: button) 

let button2 = UIButton(type: .custom) 
button2.setImage(UIImage (named: "ActivityTab"), for: .normal) 
button2.frame = CGRect(x: 0.0, y: 0.0, width: 35.0, height: 35.0) 
//button.addTarget(target, action: nil, for: .touchUpInside) 

let barButtonItem2 = UIBarButtonItem(customView: button2) 
self.navigationItem.rightBarButtonItems = [barButtonItem, barButtonItem2] 

Результатом будет такое: