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

The Complete iOS 11 & Swift Developer Course - Build 20 Apps

Use Xcode 9 & Swift 4 to make real apps like Uber and Instagram, with CoreML & ARKit. Includes AWS Credit and much more. Preview this video course. icon

How to Make a Freaking iPhone App - iOS 11 and Swift 4

iPhone App Development from scratch. Learn how to make iOS apps using Xcode 9. The Basics Include Pokemon Go & Snapchat. Learn to build iOS Apps with Xcode 9 and Swift 4. How to Make a Freaking iPhone App - iOS 11 and Swift 4 icon

iOS 11 and Xcode 9 - Complete Swift 4 & Objective-C Course

A Complete iOS 11 and Xcode 9 Course with Swift 4 & Objective-C. Preview this video course. iOS 11 and Xcode 9 - Complete Swift 4 & Objective-C Course icon