How to create custom view programmatically in swift having controls text field, button etc

Question

I am trying to access the MyCustomView from another class using the following code in ViewController.swift ..

var view = MyCustomView(frame: CGRectZero)

.. in the viewDidLoad method. The problem is the view does not get initialized in the simulator.

I have already set class in storyboard for the current ViewController.

class MyCustomView: UIView {
    var label: UILabel = UILabel()
    var myNames = ["dipen","laxu","anis","aakash","santosh","raaa","ggdds","house"]

    override init(){
        super.init()
    }

    override init(frame: CGRect) {
        super.init(frame: frame)
        self.addCustomView()
    }

    required init(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    func addCustomView() {
        label.frame = CGRectMake(50, 10, 200, 100)
        label.backgroundColor=UIColor.whiteColor()
        label.textAlignment = NSTextAlignment.Center
        label.text = "test label"
        label.hidden=true
        self.addSubview(label)

        var btn: UIButton = UIButton()
        btn.frame=CGRectMake(50, 120, 200, 100)
        btn.backgroundColor=UIColor.redColor()
        btn.setTitle("button", forState: UIControlState.Normal)
        btn.addTarget(self, action: "changeLabel", forControlEvents: UIControlEvents.TouchUpInside)
        self.addSubview(btn)

        var txtField : UITextField = UITextField()
        txtField.frame = CGRectMake(50, 250, 100,50)
        txtField.backgroundColor = UIColor.grayColor()
        self.addSubview(txtField)
    }

Are you calling self.view.addSubview(myCustomView) when you initialize it? — IxPaka
– IxPaka, Commented Mar 13, 2015 at 11:09

RestingRobot · Accepted Answer · 2017-11-21 22:38:45Z

67

The CGRectZero constant is equal to a rectangle at position (0,0) with zero width and height. This is fine to use, and actually preferred, if you use AutoLayout, since AutoLayout will then properly place the view.

But, I expect you do not use AutoLayout. So the most simple solution is to specify the size of the custom view by providing a frame explicitly:

customView = MyCustomView(frame: CGRect(x: 0, y: 0, width: 200, height: 50))
self.view.addSubview(customView)

Note that you also need to use addSubview otherwise your view is not added to the view hierarchy.

edited Nov 21, 2017 at 22:38

RestingRobot

2,9881 gold badge25 silver badges36 bronze badges

answered Mar 13, 2015 at 12:45

Stefan Arentz

35.1k8 gold badges72 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

LC 웃 Over a year ago

thanks stefan...but saying CGRectZero and passing values does make anysense?

Stefan Arentz Over a year ago

it makes sense if you use Auto Layout. Because in that case the actual placement and size of your view is determined by the Auto Layout Constraints and not by what you pass to the init(frame:) initializer.

dumbledad Over a year ago

Should that line read customView = MyCustomView(frame: CGRect(top: 0, left: 0, width: 200, height: 50)) rather than customView = MyCustomView(frame: CGRectZero(top: 0, left: 0, width: 200, height: 50)

mfaani Over a year ago

If I have any constraints ( e.g. horizontal alignment X) added for customView, then there is a good change that they will peacefully override the frame of customView? Right?

David Seek · Accepted Answer · 2017-12-23 23:29:44Z

36

Swift 3 / Swift 4 Update:

let screenSize: CGRect = UIScreen.main.bounds
let myView = UIView(frame: CGRect(x: 0, y: 0, width: screenSize.width - 10, height: 10))
self.view.addSubview(myView)

edited Dec 23, 2017 at 23:29

answered Oct 23, 2016 at 16:27

David Seek

17.2k19 gold badges110 silver badges138 bronze badges

1 Comment

Tkas Over a year ago

Change let screenSize: CGRect = UIScreen.main.bounds to let screenSize: CGRect = UIScreen.main.bounds.size

Robert · Accepted Answer · 2016-12-14 09:05:24Z

10

var customView = UIView()


@IBAction func drawView(_ sender: AnyObject) {

    customView.frame = CGRect.init(x: 0, y: 0, width: 100, height: 200)
    customView.backgroundColor = UIColor.black     //give color to the view 
    customView.center = self.view.center  
    self.view.addSubview(customView)
       }

edited Dec 14, 2016 at 9:05

Robert

5,31843 gold badges70 silver badges115 bronze badges

answered Dec 14, 2016 at 8:52

Sateesh Pasala

1,01811 silver badges15 bronze badges

Comments

Pankaj Jangid · Accepted Answer · 2018-05-09 13:03:15Z

5

let viewDemo = UIView()
viewDemo.frame = CGRect(x: 50, y: 50, width: 50, height: 50)
self.view.addSubview(viewDemo)

answered May 9, 2018 at 13:03

Pankaj Jangid

8421 gold badge9 silver badges20 bronze badges

Comments

Pavel Gatilov · Accepted Answer · 2015-03-13 10:59:09Z

1

view = MyCustomView(frame: CGRectZero)

In this line you are trying to set empty rect for your custom view. That's why you cant see your view in simulator.

answered Mar 13, 2015 at 10:59

Pavel Gatilov

2,5902 gold badges20 silver badges34 bronze badges

4 Comments

LC 웃 Over a year ago

i have tried this way too var view = MyCustomView(frame: CGRectMake(10, 40, 500, 500))

Pavel Gatilov Over a year ago

and you need call method addSubview from controller view in viewDidLoad or somewhere. E.g. self.view.addSubview(yourView)

Pavel Gatilov Over a year ago

It could be anything other. Like you mark somewhere userInteractionEnabled or esle...

LC 웃 Over a year ago

i just found if i call as MyCustomView(frame: CGRectZero),then the view gets frozen... :)

Collectives™ on Stack Overflow

How to create custom view programmatically in swift having controls text field, button etc

5 Answers 5

4 Comments

1 Comment

Comments

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

1 Comment

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related