UIBarButtonItem in navigation bar programmatically? UIBarButtonItem in navigation bar programmatically? ios ios

UIBarButtonItem in navigation bar programmatically?


Custom button image without setting button frame:

You can use init(image: UIImage?, style: UIBarButtonItemStyle, target: Any?, action: Selector?) to initializes a new item using the specified image and other properties.

let button1 = UIBarButtonItem(image: UIImage(named: "imagename"), style: .plain, target: self, action: Selector("action")) // action:#selector(Class.MethodName) for swift 3self.navigationItem.rightBarButtonItem  = button1

Check this Apple Doc. reference


UIBarButtonItem with custom button image using button frame

FOR Swift 3.0

    let btn1 = UIButton(type: .custom)    btn1.setImage(UIImage(named: "imagename"), for: .normal)    btn1.frame = CGRect(x: 0, y: 0, width: 30, height: 30)    btn1.addTarget(self, action: #selector(Class.Methodname), for: .touchUpInside)    let item1 = UIBarButtonItem(customView: btn1)    let btn2 = UIButton(type: .custom)    btn2.setImage(UIImage(named: "imagename"), for: .normal)    btn2.frame = CGRect(x: 0, y: 0, width: 30, height: 30)    btn2.addTarget(self, action: #selector(Class.MethodName), for: .touchUpInside)    let item2 = UIBarButtonItem(customView: btn2)      self.navigationItem.setRightBarButtonItems([item1,item2], animated: true)

FOR Swift 2.0 and older

let btnName = UIButton()btnName.setImage(UIImage(named: "imagename"), forState: .Normal)btnName.frame = CGRectMake(0, 0, 30, 30)btnName.addTarget(self, action: Selector("action"), forControlEvents: .TouchUpInside)//.... Set Right/Left Bar Button itemlet rightBarButton = UIBarButtonItem()rightBarButton.customView = btnNameself.navigationItem.rightBarButtonItem = rightBarButton

Or simply use init(customView:) like

 let rightBarButton = UIBarButtonItem(customView: btnName) self.navigationItem.rightBarButtonItem = rightBarButton

For System UIBarButtonItem

let camera = UIBarButtonItem(barButtonSystemItem: .Camera, target: self, action: Selector("btnOpenCamera"))self.navigationItem.rightBarButtonItem = camera

For set more then 1 items use rightBarButtonItems or for left side leftBarButtonItems

let btn1 = UIButton()btn1.setImage(UIImage(named: "img1"), forState: .Normal)btn1.frame = CGRectMake(0, 0, 30, 30)btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)let item1 = UIBarButtonItem()item1.customView = btn1let btn2 = UIButton()btn2.setImage(UIImage(named: "img2"), forState: .Normal)btn2.frame = CGRectMake(0, 0, 30, 30)btn2.addTarget(self, action: Selector("action2:"), forControlEvents: .TouchUpInside)let item2 = UIBarButtonItem()item2.customView = btn2self.navigationItem.rightBarButtonItems = [item1,item2]

Using setLeftBarButtonItem or setRightBarButtonItem

let btn1 = UIButton()btn1.setImage(UIImage(named: "img1"), forState: .Normal)btn1.frame = CGRectMake(0, 0, 30, 30)btn1.addTarget(self, action: Selector("action1:"), forControlEvents: .TouchUpInside)self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: btn1), animated: true);

For swift >= 2.2 action should be #selector(Class.MethodName) ... for e.g. btnName.addTarget(self, action: #selector(Class.MethodName), forControlEvents: .TouchUpInside)


It's much easier with Swift 4 or Swift 4.2

inside your ViewDidLoad method, define your button and add it to the navigation bar.

override func viewDidLoad() {    super.viewDidLoad()    let logoutBarButtonItem = UIBarButtonItem(title: "Logout", style: .done, target: self, action: #selector(logoutUser))    self.navigationItem.rightBarButtonItem  = logoutBarButtonItem}

then you need to define the function that you mentioned inside action parameter as below

@objc func logoutUser(){     print("clicked")}

You need to add the @objc prefix as it's still making use of the legacy stuff (Objective C).


Just setup UIBarButtonItem with customView

For example:

  var leftNavBarButton = UIBarButtonItem(customView:yourButton)  self.navigationItem.leftBarButtonItem = leftNavBarButton

or use setFunction:

  self.navigationItem.setLeftBarButtonItem(UIBarButtonItem(customView: yourButton), animated: true);