POP-UP UIView“IMDB应用程序”样式

问题描述

是否有一种简单的方法可以实现这种弹出窗口（就像UIPopoverController一样）或者我应该从头开始构建它？

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

推荐答案

你可以很容易地从头开始制作这样的东西。诀窍是让你的popover视图控制器有一个全屏透明层

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

从你的主视图：

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];

现在只需要实现viewWillAppear，如果你想要转换效果：

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];
    }
}

对于奖励积分，您可以将透明背景作为控件并让它检测弹出窗口何时消失的触摸。我使用界面构建器来调用一个调用slideOut的动作。

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.

这篇关于POP-UP UIView“IMDB应用程序”样式的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！