Bring Container to Front of View

Question

I have three controllers. One if the HomeViewController that initiates the BlahPageViewController and it's individual pages. The other two controllers (BlahPageViewController and BlahItemViewController deal with the UIPageViewController exclusively. In my HomeViewController, I have the following code that initializes the pages.

private func setPageViewController() {
    let blahPageController = self.storyboard!.instantiateViewControllerWithIdentifier("BlahPageController") as! BlahPageViewController

    blahPageController.dataSource = self

    blahPageController.blahs = blahs

    if blahs.count > 0 {
        let firstController = getItemController(0)!

        let startingViewControllers: NSArray = [firstController]

        blahPageController.setViewControllers(startingViewControllers as [AnyObject], direction: .Forward, animated: false, completion: nil)
    }

    // Setting page view controller to front of app
    pageViewController = blahPageController

    addChildViewController(pageViewController!)

    self.view.addSubview(pageViewController!.view)

    pageViewController!.didMoveToParentViewController(self)

    // Now lets bring that container to the front.
    self.view.bringSubviewToFront(self.headerBar)
    // BUT IT DOESN'T WORK!!!!

}

I have to imagine that the container goes to the forefront of the page. However when I run the app the buttons inside the container are not clickable.

Storyboard below.

Debugging the views screenshot.

What's wrong with this? Is there a better way to handle this. I don't want those buttons to move when the user flips through a page but the container is overlapped with the BlahItemViewController? How can I fix this?

Answer 1

in your setPageViewController() function you're using addSubview() to add the view of the UIPageViewController to your ViewController's view. This will put the view on top of all other views.

Basically you have two options to avoid this. Either inserting it as the very first view using

self.view.insertSubview(pageViewController!.view, atIndex: 0)

or below a specific view using

self.view.insertSubview(pageViewController!.view, belowSubview: self.headerbar)

That should do the trick.

Update

Also make sure that user interaction is enabled for the container view. There is a setting in Interface Builder but you can also do it in code:

self.headerbar.userInteractionEnabled = true

Answer 2

I guess the issue is in view that contains your page view controller. You are adding view of page view controller as subview of view controllers view, and after that bring some headerBar to front. It overlaps page view controller's view.

Call

self.headerBar.addSubview(pageViewController!.view)

instead of

self.view.addSubview(pageViewController!.view)

Answer 3

I think your view stacks are correct. Can you check the container's userInteractionEnabled is true. Or check if buttons are clickable without adding the childviewcontroller. So you can see if the childviewcontroller is affecting buttons' behaviors.