POP-UP UIView “IMDB App” style [closed]

Question

Is there an easy way to accomplish this kind of pop-up window (like there is with UIPopoverController) or should I build it from scratch?

http://dl.dropbox.com/u/1898217/la-foto.jpg

Answer 1

You can make something like this from scratch pretty easily. The trick is to make your popover view controller have a full screen transparent layer

From your main view:

self.popoverController = [[PopoverController alloc]
                                  initWithNibName:@"PopoverViewController" bundle:nil];
self.popoverController.view.frame =
    CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height);

[self.view addSubview:self.popoverController.view]; // view is the transparent background
[self.popoverController viewWillAppear:NO];

Now its just a matter of implementing viewWillAppear if you want transition effects:

- (void) viewWillAppear:(BOOL)animated {
    self.fadeView.alpha = 1.0f;
    self.view.alpha = 0.0;
    [self slideIn];
}

// Slide in with whatever effects you want your popup to use
- (void) slideIn {
    //set initial location at bottom of view (my popup slid in from the bottom)

    CGRect frame = self.configView.frame;
    frame.origin = CGPointMake(0.0, self.view.bounds.size.height);
    self.configView.frame = frame;
    [self.view addSubview:self.configView];

    //animate to new location, determined by height of the view in the NIB
    [UIView beginAnimations:@"presentWithSuperview" context:nil];
    [UIView setAnimationDuration:0.5];

    self.view.alpha = 1.0; // fade in background

    frame.origin = CGPointMake(0.0, self.view.bounds.size.height -self.configView.bounds.size.height);
    self.configView.frame = frame; // animate in popup

    [UIView commitAnimations];
}

- (void) slideOut {
    [UIView beginAnimations:@"removeFromSuperviewWithAnimation" context:nil];
    [UIView setAnimationDuration:0.5];
    self.view.alpha = 0.0;
    // Set delegate and selector to remove from superview when animation completes
    [UIView setAnimationDelegate:self];
    [UIView setAnimationDidStopSelector:@selector(animationDidStop:finished:context:)];

    // Move this view to bottom of superview (my popup slides back to the bottom when finished)
    CGRect frame = self.configView.frame;
    frame.origin = CGPointMake(0.0, self.view.bounds.size.height);
    self.configView.frame = frame;

    [UIView commitAnimations];
}

// Finally remove the views when you're done animating out.
- (void) animationDidStop:(NSString *)animationID finished:(NSNumber *)finished context:(void *)context {
    if ([animationID isEqualToString:@"removeFromSuperviewWithAnimation"]) {
        [self.configView removeFromSuperview];
        [self.view removeFromSuperview];
    }
}

For bonus points you can make the transparent background a control and have it detect touches for when the popup should go away. I used interface builder to call an action which calls slideOut.