Programmatically Creating Views

It is sometimes necessary to programmatically create views. Follow the steps below to create views.

Step 1: Creating the View

First, decide where you want the view to be and how large you want it to be. Create a frame with the desired dimensions and use that frame to create the view. After you create the view, configure any properties that you want.

let frame = CGRect(x: 0, y: 0, width: 100, height: 100)
let blueView = UIView(frame: frame)
blueView.backgroundColor = UIColor.blue

For example, to create an image view, do the following:

let frame = CGRect(x: 0, y: 0, width: 100, height: 100)
let imageView = UIImageView(frame: frame)
imageView.image = UIImage(named: "smiley_face")
imageView.isUserInteractionEnabled = true

Step 2: Adding the View

Next, you have to add the view into another view. This view can be the main view or any other view in the hierarchy. It's up to you where you want to embed the newly created view.

view.addSubview(blueView)

Adding the subview as above will add the subview on top of the other subviews. You can also insert the subview at an arbitrary z-index.

view.insertSubview(blueView, at:0)