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, Mar 13 '15 at 11:09

score 66 · Accepted Answer · edited Nov 21 '17 at 22:38

66

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 '17 at 22:38

RestingRobot

2,938
1
23
36

answered Mar 13 '15 at 12:45

Stefan Arentz

34,311
8
67
88

thanks stefan...but saying CGRectZero and passing values does make anysense? – LC 웃 Mar 13 '15 at 14:08
1

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. – Stefan Arentz Mar 13 '15 at 14:14
1

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)` – dumbledad Feb 28 '16 at 21:47
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? – mfaani Aug 02 '16 at 18:18

David Seek · Answer 2 · 2017-12-23T23:29:44.083

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 '17 at 23:29

answered Oct 23 '16 at 16:27

David Seek

16,783
19
105
136

Change `let screenSize: CGRect = UIScreen.main.bounds` to `let screenSize: CGRect = UIScreen.main.bounds.size` – Tkas Aug 25 '19 at 10:04

score 10 · Answer 3 · edited Dec 14 '16 at 09:05

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 '16 at 09:05

Robert

5,278
43
65
115

answered Dec 14 '16 at 08:52

Sateesh Pasala

772
8
15

score 5 · Answer 4 · answered May 09 '18 at 13:03

5

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

answered May 09 '18 at 13:03

Pankaj Jangid

812
9
18

score 1 · Answer 5 · answered Mar 13 '15 at 10:59

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 '15 at 10:59

Pavel Gatilov

2,570
2
18
31

i have tried this way too var view = MyCustomView(frame: CGRectMake(10, 40, 500, 500)) – LC 웃 Mar 13 '15 at 11:04
and you need call method addSubview from controller view in viewDidLoad or somewhere. E.g. self.view.addSubview(yourView) – Pavel Gatilov Mar 13 '15 at 11:17
It could be anything other. Like you mark somewhere userInteractionEnabled or esle... – Pavel Gatilov Mar 13 '15 at 11:58
i just found if i call as MyCustomView(frame: CGRectZero),then the view gets frozen... :) – LC 웃 Mar 13 '15 at 12:13

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

5 Answers5

Linked

Related