UIButton with Background Image

This code example demonstrates how to:

  • Create UIButton and position UIButton within a view
  • Add UIButton as Subview
  • Add target action to UIButton to call local function when button is tapped
  • Create UIImage using a local image file added to the project
  • Set UIButton background image

import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // Create image
        let image = UIImage(named: "no_image-128.png")
        
        let button = UIButton()
        button.frame = CGRect(x: 10, y: 100, width: 100, height: 100)
        button.setBackgroundImage(image, for: UIControlState.normal)
        button.addTarget(self, action:#selector(ViewController.imageButtonTapped(_:)), for: .touchUpInside)
        
        self.view.addSubview(button)
        
    }
    
    func imageButtonTapped(_ sender:UIButton!)
    {
        print("My image button tapped")
    }
    
    
    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