Search code examples
iosobjective-cios7uitabbarcontrollercore-animation

Change tabbarController's tab programmatically with animation


I want to change tab through code with animation. Exact scenario is that there are 2 tabs with below hierarchy.

First tab
  - Navigation controller
    - Login controller
    - Some other controller
Second tab
  - Navigation controller
    - Screen with Logout button

Now, if user presses logout, I need to display login screen. For that I need to switch tab to FirstTab and then popToRootViewController.

So what I am doing is on logout button press I send NSNotification to LoginController which in turn executes below method.

- (void)logoutButtonPressed
{
    // Go to root controller in navigation controller of first tab.
    [self.navigationController popToRootViewControllerAnimated:YES];

    // Change tab to "First tab". This happens sharply without animation.
    // I want to animate this change.
    self.tabBarController.selectedIndex = 0;
}

I tried below method to animate. But this animates only when tab is changed by user but not when changed through code.

- (BOOL)tabBarController:(UITabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController
{
    NSArray *tabViewControllers = tabBarController.viewControllers;
    UIView * fromView = tabBarController.selectedViewController.view;
    UIView * toView = viewController.view;
    if (fromView == toView)
        return false;
    NSUInteger fromIndex = [tabViewControllers indexOfObject:tabBarController.selectedViewController];
    NSUInteger toIndex = [tabViewControllers indexOfObject:viewController];

    [UIView transitionFromView:fromView
                        toView:toView
                      duration:0.3
                       options: toIndex > fromIndex ? UIViewAnimationOptionTransitionFlipFromLeft : UIViewAnimationOptionTransitionFlipFromRight
                    completion:^(BOOL finished) {
                        if (finished) {
                            tabBarController.selectedIndex = toIndex;
                        }
                    }];

    return true;
}

Solution

  • Below is the code I used to animate screens with slide in-out effect. Found on SO question.

    - (void)logoutButtonPressed
    {
        [self.navigationController popToRootViewControllerAnimated:NO];
    
        [self animateTransitionBetweenControllers];
    }
    
    // Animates view transition that happens from screen with logout button to login screen
    - (void)animateTransitionBetweenControllers
    {
        // Get the views to animate.
        UIView * fromView = self.tabBarController.selectedViewController.view;
        UIView * toView = [[self.tabBarController.viewControllers objectAtIndex:0] view];
    
        // Get the size of the view.
        CGRect viewSize = fromView.frame;
    
        // Add the view that we want to display to superview of currently visible view.
        [fromView.superview addSubview:toView];
    
        // Position it off screen. We will animate it left to right slide.
        toView.frame = CGRectMake(-self.view.bounds.size.width, viewSize.origin.y, toView.bounds.size.width, viewSize.size.height);
    
        // Animate transition
        [UIView animateWithDuration:0.3 delay:0.0 options:UIViewAnimationOptionTransitionNone animations:^{
            // Animate the views with slide.
            fromView.frame = CGRectMake(self.view.bounds.size.width, viewSize.origin.y, toView.bounds.size.width, viewSize.size.height);
            toView.frame = CGRectMake(0, viewSize.origin.y, toView.bounds.size.width, viewSize.size.height);
        } completion:^(BOOL finished) {
            if (finished)
            {
                // Remove the old view.
                [fromView removeFromSuperview];
                self.tabBarController.selectedIndex = 0;
            }
        }];
    }