Question

Here’re some view controller I have: tabBarController, navigationBarController, viewController, and imageView.
The hierarchy is that: tabBarController is the root controller, it includes navigationBarController. And the viewController(which is include the imageView) is pushed in by navigationBarController.

So the question is, when I touched the imageView, how to resize it to fullscreen with smooth animation. Note, I don’t want to hide NavigationBar & TabBar.
I tried it by setFrame, however, it is covered by navigationBarController and tabBarController.
I tried presentModalViewController: but it lose continuity.
I also tried to reset rootViewController to viewController, but the resulted with a broken animation. 🙁
Thanks for any suggestion!

---

Test code

UIViewController * viewController = [[UIViewController alloc] init];
[viewController.view setFrame:CGRectMake(0.0f, 0.0, 320.0f, 480.0f)];
[viewController.view setBackgroundColor:[UIColor redColor]];

UIImageView * imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, 320.0f, 480.0f)];
[imageView setBackgroundColor:[UIColor yellowColor]];
[imageView setUserInteractionEnabled:YES];
[viewController.view addSubview:imageView];
[imageView release];

UINavigationController * navigationController = [[UINavigationController alloc] initWithRootViewController:viewController];
[viewController release];

UIViewController * anotherTabViewController = [[UIViewController alloc] init];
[anotherTabViewController.view setFrame:CGRectMake(0.0f, 0.0, 320.0f, 480.0f)];
[anotherTabViewController.view setBackgroundColor:[UIColor blueColor]];

UITabBarController * tabBarController = [[UITabBarController alloc] init];
tabBarController.viewControllers = [NSArray arrayWithObjects:navigationController, anotherTabViewController, nil];
[navigationController release];
[anotherTabViewController release];

[self.window setRootViewController:tabBarController];

Here I write a simple code for testing. Now don’t care about the touch action. I wonder how to set the imageView to totally fullscreen(width:320, height:480). But it’s clipped by navigation bar and tab bar. I know the frame is relative to its super view. How to deal with this issue?

Answer 1

try to add img to you window, when you need to resize it to full screen:

    UIImageView *img; //create new image
    img = yourImageView;
    [img setOrigin:CGPointMake(yourImageView.frame.origin.x, yourImageView.frame.origin.y+90)]; 
//window size is bigger, so to set an image frame visionary at same place, you need to set origin point lower
    MOEAppDelegate *sharedAppDelegate = (MOEAppDelegate *)[[UIApplication sharedApplication] delegate];
    [sharedAppDelegate.window addSubview:img];
    [UIView animateWithDuration:1 
                     animations:^{
                         [img setFrame:CGRectMake(0, 
                                                  0, 
                                                  320, 
                                                  480)];
                     }];

Note, that your self.view’s frame automatically resized when you adding tabBar or navigationBar, and in -(void)viewDidLoad it is NOT resized jet!