childViewController.view.frame in UIView present different value

Question

I use childViewController to separate view in project, but some strange issue happened, here is my code.

class ViewController: UIViewController {

    var container = UIView()
    var childVC = ChildViewController()

    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white

        addChildViewController(childVC)
        childVC.didMove(toParentViewController: self)

        addChildView()

        setContainerFrame()
    }

    func setContainerFrame() {
        container.frame = CGRect(x: 0, y: 100, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height - 100)
        container.backgroundColor = .red
        view.addSubview(container)
    }

    func addChildView() {
        let frame = CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
        childVC.view.frame = frame
        childVC.view.backgroundColor = .green
        container.addSubview(childVC.view)
    }

    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        print("childVC.view.frame: \(childVC.view.frame)")
    }
}


class ChildViewController: UIViewController {
}

when I exchange the order invoking func addChildView() and func setContainerFrame() in ViewController's viewDidLoad(), xcode'console prints different frame log.

try it in `viewDidLayoutSubviews()` – Praveen Kumar Jun 08 '17 at 06:27 — Praveen Kumar, Jun 08 '17 at 06:27

score 6 · Accepted Answer · answered Jun 08 '17 at 07:56

6

This is due to the autoresizingMask of the childVC.view. By default this is set to have flexible width and height. So if you set the frame of the container and then the frame of the childVC.view then you get the actual value you set but if you reverse it and set the frame of the childVC.view and then the container the frame of the childVC.view is automatically updated to have the same relative width and height.

For example if the frame size for the container was 100 x 100 and then you change it to 200 x 200 the frame size for childVC.view will be doubled.

To remove this set the childVC.view.autoresizingMask = [] so it remains as you set it.

answered Jun 08 '17 at 07:56

Upholder Of Truth

4,643
2
13
23

Your answer is really helpful, solved my question, thankyou! – huangxinyu Jun 08 '17 at 08:27
good answer, the parent/container of my childVC shrinks and grows. I have a collectionView inside the child. The collectionView's height kept getting messed up. Your answer fixed it! Thanks – Lance Samaria Jul 01 '18 at 00:26

Aravind A R · Answer 2 · 2017-06-08T06:39:14.640

1

The strange behavior occurs because in addChildView() function you are adding the child view controller's view as subview to container view but container view's frame is setting in the function setContainerFrame() which is not yet called. That means you are adding a subview to a view whose frame hasn't set already.

edited Jun 08 '17 at 06:39

answered Jun 08 '17 at 06:29

Aravind A R

2,674
1
15
25

I don't think what you say is the reason about making childVC.view.width twice of normal. – huangxinyu Jun 08 '17 at 06:37
Have to tried making clip to bounds property true for both the views? – Aravind A R Jun 08 '17 at 06:41
thankyou for advice, I actually want to know the reason. – huangxinyu Jun 08 '17 at 06:44

childViewController.view.frame in UIView present different value

2 Answers2