UIBarButtonItem with Image

This code example demonstrates how to:

  • Create UIBarButtonItem programmatically
  • Create UIImage programmatically
  • Add image to UIBarButtonItem
  • Add target action to UIBarButtonItem to call a local function

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        
        super.viewDidLoad()
        
        // Image needs to be added to project.
        let buttonIcon = UIImage(named: "left_side")
        
        let leftBarButton = UIBarButtonItem(title: "Edit", style: UIBarButtonItemStyle.done, target: self, action: #selector(ViewController.myLeftSideBarButtonItemTapped(_:)))
        leftBarButton.image = buttonIcon
        
        self.navigationItem.leftBarButtonItem = leftBarButton
        
    }
    
    
    func myLeftSideBarButtonItemTapped(_ sender:UIBarButtonItem!)
    {
        print("myLeftSideBarButtonItemTapped")
    }
    
    
    override func didReceiveMemoryWarning() {
        
        super.didReceiveMemoryWarning()
        
    }
    
}

Watch this video tutorial to learn how to create Image with rounded corners and how to create rounded image.

Circular Image or Image with Rounded Corners. Example in Swift


Learn iOS Development with these Video Courses


How to Make a Freaking iPhone App - iOS 10 and Swift 3
icon icon


iOS 10 & Swift 3: From Beginner to Paid Professional
icon


The Complete iOS 10 Developer Course - Build 21 Apps
icon


Swift 3 - Learn to Code with Apple's New Language
icon icon


Learn How to Build Mobile Apps for iOS with Swift, PHP and MySQL
icon icon

Follow me on one of your favourite social networks to learn about new video tutorials and code examples:

Twitter: @SwiftVideoBlog
Google Plus: https://plus.google.com/+SergeyKargopolov/posts
Facebook: Swift Developer Blog on Facebook