create a view in swift

Here's an example of creating a basic UIView in Swift:

First, create a subclass of UIView:


main.swift
class MyView: UIView {
    
}
30 chars
4 lines

Override the init(frame:) initializer to customize your view:


main.swift
class MyView: UIView {
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        // Customization code goes here
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
}
266 chars
13 lines

Add your custom subviews and layout constraints in the init(frame:) method:


main.swift
class MyView: UIView {
    
    let myLabel = UILabel()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        
        myLabel.text = "Hello, world!"
        myLabel.textAlignment = .center
        addSubview(myLabel)
        
        myLabel.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            myLabel.centerXAnchor.constraint(equalTo: centerXAnchor),
            myLabel.centerYAnchor.constraint(equalTo: centerYAnchor)
        ])
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
}
638 chars
24 lines

You can then use your custom view in a view controller:


main.swift
class MyViewController: UIViewController {
    
    let myView = MyView()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.addSubview(myView)
        
        myView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            myView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            myView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            myView.topAnchor.constraint(equalTo: view.topAnchor),
            myView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
    }
    
}
605 chars
20 lines

Note that this is just a basic example, and you can add as much customization and complexity as you need for your specific use case.

similar swift code snippets

create a view and make its background colour red in swift

create 10 red views in swift

create a tri-colour view with the colours of the french flag in swift

create a view controller with a full screen scroll view and a stack view filling the scroll view in swift

create a green button that says “click me!” in swift

create a button that animates when you tap on it in swift

create 5 boxes of rainbow colors in swift

a view that iterates a list with images and animations in swift

create a ui collection view with ten items that dynamically changes in size in swift

create a paged collection view in swift

related categories