Swapping child views in a container view

Question

Let ContainerView be the parent container view with two child content views: NavigationView and ContentView.

Answer 1

You seem to be getting confused. A contentView (assuming UIView) does not 'contain' a controller that you would swap out. A UIViewController handles its UIView's. It seems to me that you require a parent-child view controller setup.

A single parent view controller, that would handle child view controllers, each of which you can then handle when each is shown on the screen and adjust your UIViews and content accordingly. Please see the Apple documentation below.

Container Programming - Apple Documentation

Answer 2

For such kind of transition you can also use UIView.animateWith... animations.

For example, assume that rootContainerView is container and contentViewController currently active controller in container, then

func setContentViewController(contentViewController:UIViewController, animated:Bool = true) {
    if animated == true {
        addChildViewController(contentViewController)
        contentViewController.view.alpha = 0
        contentViewController.view.frame = rootContainerView.bounds
        rootContainerView.addSubview(contentViewController.view)
        self.contentViewController?.willMoveToParentViewController(nil)

        UIView.animateWithDuration(0.3, animations: {
            contentViewController.view.alpha = 1
            }, completion: { (_) in
                contentViewController.didMoveToParentViewController(self)

                self.contentViewController?.view.removeFromSuperview()
                self.contentViewController?.didMoveToParentViewController(nil)
                self.contentViewController?.removeFromParentViewController()
                self.contentViewController = contentViewController
        })
    } else {
        cleanUpChildControllerIfPossible()

        contentViewController.view.frame = rootContainerView.bounds
        addChildViewController(contentViewController)
        rootContainerView.addSubview(contentViewController.view)
        contentViewController.didMoveToParentViewController(self)
        self.contentViewController = contentViewController
    }
}

// MARK: - Private

private func cleanUpChildControllerIfPossible() {
    if let childController = contentViewController {
        childController.willMoveToParentViewController(nil)
        childController.view.removeFromSuperview()
        childController.removeFromParentViewController()
    }
}

this will provide u simple fade animations, u can also can try any UIViewAnimationOptions, transitions etc.

Answer 3

When you have child views that have their own view controllers, you should be following the custom container controller pattern. See Creating Custom Container View Controllers for more information.

Assuming you've followed the custom container pattern, when you want to change the child view controller (and its associated view) for the "content view", you would do that programmatically with something like:

UIViewController *newController = ... // instantiate new controller however you want
UIViewController *oldController = ... // grab the existing controller for the current "content view"; perhaps you maintain this in your own ivar; perhaps you just look this up in self.childViewControllers

newController.view.frame = oldController.view.frame;

[oldController willMoveToParentViewController:nil];
[self addChildViewController:newController];         // incidentally, this does the `willMoveToParentViewController` for the new controller for you

[self transitionFromViewController:oldController
                  toViewController:newController
                          duration:0.5
                           options:UIViewAnimationOptionTransitionCrossDissolve
                        animations:^{
                            // no further animations required
                        }
                        completion:^(BOOL finished) {
                            [oldController removeFromParentViewController]; // incidentally, this does the `didMoveToParentViewController` for the old controller for you
                            [newController didMoveToParentViewController:self];
                        }];

When you do it this way, there's no need for any delegate-protocol interface with the content view's controller (other than what iOS already provides with the Managing Child View Controllers in a Custom Container methods).

---

By the way, this assumes that the initial child controller associated with that content view was added like so:

UIViewController *childController = ... // instantiate the content view's controller any way you want
[self addChildViewController:childController];
childController.view.frame = ... // set the frame any way you want
[self.view addSubview:childController.view];
[childController didMoveToParentViewController:self];

---

If you want a child controller to tell the parent to change the controller associated with the content view, you would:

1. Define a protocol for this:

   @protocol ContainerParent <NSObject>
   
   - (void)changeContentTo:(UIViewController *)controller;
   
   @end
   

2. Define the parent controller to conform to this protocol, e.g.:

   #import <UIKit/UIKit.h>
   #import "ContainerParent.h"
   
   @interface ViewController : UIViewController <ContainerParent>
   
   @end
   

3. Implement the changeContentTo method in the parent controller (much as outlined above):

   - (void)changeContentTo:(UIViewController *)controller
   {
       UIViewController *newController = controller;
       UIViewController *oldController = ... // grab reference of current child from `self.childViewControllers or from some property where you stored it
   
       newController.view.frame = oldController.view.frame;
   
       [oldController willMoveToParentViewController:nil];
       [self addChildViewController:newController];
   
       [self transitionFromViewController:oldController
                         toViewController:newController
                                 duration:1.0
                                  options:UIViewAnimationOptionTransitionCrossDissolve
                               animations:^{
                                   // no further animations required
                               }
                               completion:^(BOOL finished) {
                                   [oldController removeFromParentViewController];
                                   [newController didMoveToParentViewController:self];
                               }];
   }
   

4. And the child controllers can now use this protocol in reference to the self.parentViewController property that iOS provides for you:

   - (IBAction)didTouchUpInsideButton:(id)sender
   {
       id <ContainerParent> parentViewController = (id)self.parentViewController;
       NSAssert([parentViewController respondsToSelector:@selector(changeContentTo:)], @"Parent must conform to ContainerParent protocol");
   
       UIViewController *newChild = ... // instantiate the new child controller any way you want
       [parentViewController changeContentTo:newChild];
   }