UIButton programmatically in Swift

In swift, UIButton is created by two methods, first one is outlet method and second is programmatically.

In this story, we will create a programmatic UIButton and few more things for button i.e. given below.

1. How to create button Programmatically?
2. How to set Image in UIButton ?
3. How to set UIButton border ?
4. How to create gradient UIButton ?
5. How to add target to UIButton ?

Let’s start with first point,

How to create button Programmatically ?

//Creating UIButton

let newButton = UIButton()

//Creating frame for UIButton

newButton.frame = CGRect.init(x: self.view.frame.width/3.5, y: self.view.frame.height/2, width: 180, height: 50)

//Setting Title for UIButton

newButton.setTitle(“Swift”, for: .normal)

//Setting Title color for UIButton

newButton.setTitleColor(.white, for: .normal)

//Setting background color for UIButton

newButton.backgroundColor = .red

//adding UIButton to view

view.addSubview(newButton)

The whole code will like given below:

How to set Image in UIButton ?

//Setting Image for UIButton

newButton.setImage(.strokedCheckmark, for: .normal)

How to set UIButton border ?

//Setting border of UIButton

newButton.layer.borderColor = UIColor.black.cgColor

newButton.layer.borderWidth = 1.5

newButton.layer.cornerRadius = 5

How to create gradient UIButton ?

//Setting gradient color of UIButton

let gradientLayer = CAGradientLayer()

gradientLayer.frame = newButton.bounds

let topGradientColor = UIColor.red

let bottomGradientColor = UIColor.orange

gradientLayer.colors = [topGradientColor.cgColor, bottomGradientColor.cgColor]

gradientLayer.startPoint = CGPoint(x: 0.0, y: 0.5)

gradientLayer.endPoint = CGPoint(x: 0.5, y:1.0)

gradientLayer.locations = [0.0, 1.0]

newButton.layer.insertSublayer(gradientLayer, at: 0)

How to add target to UIButton ?

newButton.addTarget(self, action: #selector(self.buttonTapped), for: .touchUpInside)

@objc func buttonTapped(sender : UIButton) {

//Write button action here

print(“button clicked”)

}

Thank you. Happy Coding!!